Angular6 从打包到部署IIS上

最新推荐文章于 2024-07-29 19:57:51 发布

gx_up

最新推荐文章于 2024-07-29 19:57:51 发布

阅读量9.2k

点赞数

分类专栏： Angular IIS 文章标签： Angular IIS Angular发布IIS

本文链接：https://blog.csdn.net/qq_32688731/article/details/80996669

版权

Angular 同时被 2 个专栏收录

17 篇文章 0 订阅

订阅专栏

IIS

3 篇文章 0 订阅

订阅专栏

以下为打包方式：

通过命令行

ng build --prod --aot

会生成dist文件夹，将dist文件夹中的文件，直接上传到服务器IIS站点下。

然后发现可以正常访问，但是刷新页面就会报400错误，这时需要进行如下配置：

1.安装URL rewrite组件：

网址：https://www.microsoft.com/en-us/download/details.aspx?id=47337

2.在该网站目录下添加一个配置文件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>

然后就能正常的访问了！

参考：https://angular.io/guide/deployment#server-configuration