美文网首页
Angular4发布并部署到IIS

Angular4发布并部署到IIS

作者: CrazyLiuXP | 来源:发表于2017-11-21 11:25 被阅读0次

1.Angular项目程序打包

命令如下:
ng build --prod --aot
执行完毕后项目目录中会生成一个 dist文件夹,这就是要发布的文件。

2.部署到IIS

部署的所有步骤均与平时web项目部署一致,这里就不具体说明了,不知道的同学请自行度娘。

唯一不同的地方就是Angular项目在IIS中浏览时,当页面刷新时会出现404页面,这是因为Angular无刷新的特性引起的,在浏览器地址栏的网址不会真实映射到磁盘的特定位置。

解决方法:
1.需要安装URL rewrite组件----(这是传送门)

2.在网站的dist目录下添加一个配置文件web.config,然后添加下面的内容到web.config中即可。

<?xml version="1.0" encoding="UTF-8"?>
<configuration>
  <system.webServer>
    <rewrite>
      <rules>
        <rule name="AngularJS" stopProcessing="true">
          <match url=".*" />
          <conditions logicalGrouping="MatchAll">
            <add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" />
            <add input="{REQUEST_FILENAME}" matchType="IsDirectory" negate="true" />
          </conditions>
          <action type="Rewrite" url="/" />
        </rule>
      </rules>
    </rewrite>
  </system.webServer>
</configuration>

相关文章

  • Angular4发布并部署到IIS

    1.Angular项目程序打包 命令如下:ng build --prod --aot执行完毕后项目目录中会生成一个...

  • 服务器-IIS服务如何部署网站

    Win7怎么用IIS发布网站系统 部署项目 项目程序怎么发布到IIS上呢,如何用Win7上IIS部署网站呢。网站系...

  • vs2017和django

    1、几个相关链接 打开win7的IIS服务功能 win7怎样发布网站 iis部署1 iis8部署2 Django入...

  • 微信调试的几种方式

    花生壳 把网站发布到IIS(发布到IIS+VS附加进程调试 or VS设置为发布到IIS进行调试),保证可以正常访...

  • .NetCore项目 HTTP错误 500.19 无法访问请求的

    有时候写好的项目在本地没问题,发布到IIS上部署就出现 HTTP 错误500.19 Internal Server...

  • 搭建Jenkins并自动发布项目到IIS

    注意:本文描述的是在Windows系统上安装Jenkin,并使用IIS来托管.Net项目。 安装Jenkins 首...

  • WebServices与WebRequest

    一.WebServices1.1发布一个服务新建Web工程,编写与发布,部署在IIS上,精简的样例:https:/...

  • html的base标签为什么不起作用

    我今天尝试编译一个Angular4的应用,并部署到服务器的一个路径上去,由于不是根路径因此我使用了下面的语句: 自...

  • 安装部署

    1、测试环境搭建 IIS环境搭建 等待安装IIS 网站部署 数据库搭建 2、开发环境搭建 安装IIS(如上IIS环...

  • ThinkPHP项目发布到IIS

    最近在开发微信服务号时碰到一个问题:阿里ECS的80端口被IIS占用,而微信服务号中使用JSSDK必须设置安全域名...

网友评论

      本文标题:Angular4发布并部署到IIS

      本文链接:https://www.haomeiwen.com/subject/dniivxtx.html