详解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 相关文章推荐
HTML页面如何象ASP一样接受参数
Feb 07 Javascript
WordPress JQuery处理沙发头像
Jun 22 Javascript
jQuery 2.0.3 源码分析之core(一)整体架构
May 27 Javascript
深入分析JQuery和JavaScript的异同
Oct 23 Javascript
基于javascript实现句子翻牌网页版小游戏
Mar 23 Javascript
BootStrap table使用方法分析
Nov 08 Javascript
一个可复用的vue分页组件
May 15 Javascript
jQuery复合事件用法示例
Jun 10 jQuery
在vue中使用jointjs的方法
Mar 24 Javascript
解决vue router组件状态刷新消失的问题
Aug 01 Javascript
vue基于element-ui的三级CheckBox复选框功能的实现代码
Oct 15 Javascript
Vue实现渲染数据后控制滚动条位置(推荐)
Dec 09 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中在数据库中保存Checkbox数据(1)
2006/10/09 PHP
eWebEditor v3.8 商业完整版 (PHP)
2006/12/06 PHP
10个可以简化php开发过程的MySQL工具
2010/04/11 PHP
php显示页码分页类的封装
2017/06/08 PHP
PHP实现登陆并抓取微信列表中最新一组微信消息的方法
2017/07/10 PHP
js 未结束的字符串常量错误解决方法
2010/06/13 Javascript
图片上传判断及预览脚本的效果实例
2013/08/07 Javascript
js螺旋动画效果的具体实例
2013/11/15 Javascript
JavaScript对象反射用法实例
2015/04/17 Javascript
JavaScript中的setMilliseconds()方法使用详解
2015/06/11 Javascript
jQuery版AJAX简易封装代码
2016/09/14 Javascript
学习vue.js中class与style绑定
2016/12/03 Javascript
微信小程序 扎金花简单实例
2017/02/21 Javascript
Vue ElementUI之Form表单验证遇到的问题
2017/08/21 Javascript
Vue中的作用域CSS和CSS模块的区别
2018/10/09 Javascript
layui table表格数据的新增,修改,删除,查询,双击获取行数据方式
2019/11/14 Javascript
[50:28]LGD女子学院第三期 DOTA2复仇之魂教学
2013/12/24 DOTA
TensorFlow入门使用 tf.train.Saver()保存模型
2018/04/24 Python
python之验证码生成(gvcode与captcha)
2019/01/02 Python
在PyCharm导航区中打开多个Project的关闭方法
2019/01/17 Python
django foreignkey(外键)的实现
2019/07/29 Python
Python标准库itertools的使用方法
2020/01/17 Python
Python3变量与基本数据类型用法实例分析
2020/02/14 Python
Python多线程的退出控制实现
2020/08/10 Python
如何用Python 加密文件
2020/09/10 Python
护士毕业自我鉴定
2014/02/07 职场文书
学习十八大报告感言
2014/02/28 职场文书
天猫活动策划方案
2014/08/21 职场文书
反洗钱宣传活动总结
2014/08/26 职场文书
2014年工作总结与下年工作计划
2014/11/27 职场文书
大学生见习总结报告
2015/06/24 职场文书
Python 流媒体播放器的实现(基于VLC)
2021/04/28 Python
如何解决.cuda()加载用时很长的问题
2021/05/24 Python
解决Pytorch修改预训练模型时遇到key不匹配的情况
2021/06/05 Python
SSM VUE Axios详解
2021/10/05 Vue.js
浅析Python中的随机采样和概率分布
2021/12/06 Python