脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript类库 → AngularJS → angular部署到iis出现404

详解angular部署到iis出现404解决方案

 更新时间：2018年08月14日 09:45:14   作者：WeihanLi  
这篇文章主要介绍了详解angular部署到iis出现404解决方案，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

angular应用部署在iis上，刷新出现404

解决方案：

安装 iis URL Rewrite 模块，配置urlrewrite如下：

在 src 目录下增加web.config，内容如下：

<configuration>
<system.webServer>
 <rewrite>
  <rules>
   <rule name="Angular Routes" 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>

配置 web.config 自动打包

修改 angular-cli.json文件(angular2-5)

 "apps": [
    {
    "root": “src”,
    "ourDir": “dist”,
    "assets": [
     “assets”,
     “favicon.ico”,
     “web.config”
     ],

修改 angular.json 文件(angular6)

    “build”: {
    "options”: {
     . . . 
     "assets": [
      “src/assets”,
      “src/favicon.ico”,
      “src/web.config”
       ],

Reference

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

相关文章

  • 详解angular 中的自定义指令之详解API

    详解angular 中的自定义指令之详解API

    本篇文章主要介绍了angular 中的自定义指令之详解API，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2017-06-06
  • Angular.js项目中使用gulp实现自动化构建以及压缩打包详解

    Angular.js项目中使用gulp实现自动化构建以及压缩打包详解

    基于流的前端自动化构建工具，利用gulp可以提高前端开发效率，特别是在前后端分离的项目中。下面这篇文章主要给大家介绍了关于在Angular.js项目中使用gulp实现自动化构建以及压缩打包的相关资料，需要的朋友可以参考下。
    2017-07-07
  • 如何利用@angular/cli V6.0直接开发PWA应用详解

    如何利用@angular/cli V6.0直接开发PWA应用详解

    这篇文章主要给大家介绍了如何利用@angular/cli V6.0直接开发PWA应用的相关资料，文中通过示例代码介绍的非常详细，对大家学习或者使用@angular/cli V6.0具有一定的参考学习价值，需要的朋友可以参考下
    2018-05-05
  • 详解angularjs中如何实现控制器和指令之间交互

    详解angularjs中如何实现控制器和指令之间交互

    本篇文章主要介绍了详解angularjs中如何实现控制器和指令之间交互，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2017-05-05
  • AngularJs bootstrap搭载前台框架——基础页面

    AngularJs bootstrap搭载前台框架——基础页面

    本文主要介绍AngularJs bootstrap搭载前台框架基础页面的建设，这里整理饿了相关资料及实现实例代码，有兴趣的小伙伴可以参考下
    2016-09-09
  • AngularJS使用ocLazyLoad实现js延迟加载

    AngularJS使用ocLazyLoad实现js延迟加载

    这篇文章主要介绍了AngularJS使用ocLazyLoad实现js延迟加载的相关资料,需要的朋友可以参考下
    2017-07-07
  • 如何在Angular应用中创建包含组件方法示例

    如何在Angular应用中创建包含组件方法示例

    这篇文章主要给大家介绍了关于如何在Angular应用中创建包含组件的相关资料，文中通过示例代码介绍的非常详细，对大家学习或者使用Angular具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧
    2019-03-03
  • 深入理解Angularjs中$http.post与$.post

    深入理解Angularjs中$http.post与$.post

    本篇文章主要介绍了深入理解Angularjs中$http.post与$.post ，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2017-05-05
  • 详解angular element()方法使用

    详解angular element()方法使用

    本篇文章主要介绍了详解angular element()方法使用，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2017-04-04
  • AngularJS集合数据遍历显示的实例

    AngularJS集合数据遍历显示的实例

    下面小编就为大家分享一篇AngularJS集合数据遍历显示的实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
    2017-12-12

最新评论