詳解angular部署到iis出現(xiàn)404解決方案
angular應用部署在iis上,刷新出現(xiàn)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/
以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家。
相關文章
Angular.js項目中使用gulp實現(xiàn)自動化構建以及壓縮打包詳解
基于流的前端自動化構建工具,利用gulp可以提高前端開發(fā)效率,特別是在前后端分離的項目中。下面這篇文章主要給大家介紹了關于在Angular.js項目中使用gulp實現(xiàn)自動化構建以及壓縮打包的相關資料,需要的朋友可以參考下。2017-07-07
如何利用@angular/cli V6.0直接開發(fā)PWA應用詳解
這篇文章主要給大家介紹了如何利用@angular/cli V6.0直接開發(fā)PWA應用的相關資料,文中通過示例代碼介紹的非常詳細,對大家學習或者使用@angular/cli V6.0具有一定的參考學習價值,需要的朋友可以參考下2018-05-05
詳解angularjs中如何實現(xiàn)控制器和指令之間交互
本篇文章主要介紹了詳解angularjs中如何實現(xiàn)控制器和指令之間交互,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-05-05
AngularJs bootstrap搭載前臺框架——基礎頁面
本文主要介紹AngularJs bootstrap搭載前臺框架基礎頁面的建設,這里整理餓了相關資料及實現(xiàn)實例代碼,有興趣的小伙伴可以參考下2016-09-09
AngularJS使用ocLazyLoad實現(xiàn)js延遲加載
這篇文章主要介紹了AngularJS使用ocLazyLoad實現(xiàn)js延遲加載的相關資料,需要的朋友可以參考下2017-07-07
如何在Angular應用中創(chuàng)建包含組件方法示例
這篇文章主要給大家介紹了關于如何在Angular應用中創(chuàng)建包含組件的相關資料,文中通過示例代碼介紹的非常詳細,對大家學習或者使用Angular具有一定的參考學習價值,需要的朋友們下面來一起學習學習吧2019-03-03
深入理解Angularjs中$http.post與$.post
本篇文章主要介紹了深入理解Angularjs中$http.post與$.post ,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-05-05

