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


Posted in Javascript onAugust 14, 2018

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

  • https://github.com/WeihanLi/TechNotes/issues/16
  • https://stackoverflow.com/questions/43785928/angular-2-hosted-on-iis-http-error-404
  • https://blogs.msdn.microsoft.com/premier_developer/2017/06/14/tips-for-running-an-angular-app-in-iis/

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
小议javascript 设计模式 推荐
Oct 28 Javascript
JSChart轻量级图形报表工具(内置函数中文参考)
Oct 11 Javascript
基于jquery &amp; json的省市区联动代码
Jun 26 Javascript
jQuery弹出层始终垂直居中相对于屏幕或当前窗口
Apr 01 Javascript
常用的JavaScript验证正则表达式汇总
Nov 26 Javascript
javascript制作坦克大战全纪录(1)
Nov 27 Javascript
浅谈angularJS 作用域
Jul 05 Javascript
jQuery Ajax 加载数据时异步显示加载动画
Aug 01 Javascript
jquery 禁止鼠标右键并监听右键事件
Apr 27 jQuery
vue组件实现可搜索下拉框扩展
Oct 23 Javascript
jquery实现选项卡切换代码实例
May 14 jQuery
JS实现从对象获取对象中单个键值的方法示例
Jun 05 Javascript
学习React中ref的两个demo示例
Aug 14 #Javascript
React 无状态组件(Stateless Component) 与高阶组件
Aug 14 #Javascript
浅析Vue实例以及生命周期
Aug 14 #Javascript
快速解决angularJS中用post方法时后台拿不到值的问题
Aug 14 #Javascript
详解angular应用容器化部署
Aug 14 #Javascript
使用node.js实现微信小程序实时聊天功能
Aug 13 #Javascript
JQuery通过后台获取数据遍历到前台的方法
Aug 13 #jQuery
You might like
解析php时间戳与日期的转换
2013/06/06 PHP
PHP邮件群发机实现代码
2016/02/16 PHP
Thinkphp和onethink实现微信支付插件
2016/04/13 PHP
Yii2中hasOne、hasMany及多对多关联查询的用法详解
2017/02/15 PHP
浅析PHP类的反射来实现依赖注入过程
2018/02/06 PHP
PHP文件后缀不强制为.php方法
2019/03/31 PHP
JS小功能(checkbox实现全选和全取消)实例代码
2013/11/28 Javascript
JS如何将数字类型转化为没3个一个逗号的金钱格式
2014/01/27 Javascript
Android中的jQuery:AQuery简介
2014/05/06 Javascript
JavaScript 变量、作用域及内存
2015/04/08 Javascript
纯js代码实现未知宽高的元素在指定元素中垂直水平居中显示
2015/09/12 Javascript
jQuery插件echarts实现的多折线图效果示例【附demo源码下载】
2017/03/04 Javascript
vue 和vue-touch 实现移动端左右导航效果(仿京东移动站导航)
2017/04/22 Javascript
vue2.0项目中使用Ueditor富文本编辑器示例代码
2017/08/14 Javascript
js input输入百分号保存数据库失败的解决方法
2018/05/26 Javascript
使用wxapp-img-loader自定义组件实现微信小程序图片预加载功能
2018/10/18 Javascript
vue-cli中vue本地实现跨域调试接口
2019/01/16 Javascript
如何通过setTimeout理解JS运行机制详解
2019/03/23 Javascript
[06:07]刀塔密之二:攻之吾命受之吾幸
2014/07/03 DOTA
[01:03]DOTA2新的征程 你的脚印值得踏上
2014/08/13 DOTA
基于python3 类的属性、方法、封装、继承实例讲解
2017/09/19 Python
PyTorch之图像和Tensor填充的实例
2019/08/18 Python
Python实现多线程下载脚本的示例代码
2020/04/03 Python
Python生成并下载文件后端代码实例
2020/08/31 Python
No module named ‘win32gui‘ 的解决方法(踩坑之旅)
2021/02/18 Python
德国婴儿服装和婴儿用品购买网站:Baby Sweets
2019/12/08 全球购物
丝芙兰墨西哥官网:Sephora墨西哥
2020/05/30 全球购物
5个HTML5的常用本地存储方式详解与介绍
2021/03/27 HTML / CSS
小区门卫值班制度
2014/01/24 职场文书
采购意向书范本
2014/03/31 职场文书
团队激励口号
2014/06/06 职场文书
超市周年庆活动方案
2014/08/16 职场文书
岗位聘任协议书
2015/09/21 职场文书
MySQL 8.0 Online DDL快速加列的相关总结
2021/06/02 MySQL
实战Python爬虫爬取酷我音乐
2022/04/11 Python
解决Oracle数据库用户密码过期
2022/05/11 Oracle