詳解angular部署到iis出現(xiàn)404解決方案
更新時間：2018年08月14日 09:45:14 作者：WeihanLi
這篇文章主要介紹了詳解angular部署到iis出現(xiàn)404解決方案，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
angular應(yīng)用部署在iis上，刷新出現(xiàn)404
解決方案：
安裝 iis URL Rewrite 模塊，配置urlrewrite如下：
在 src 目錄下增加web.config，內(nèi)容如下：
<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/
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
您可能感興趣的文章:
相關(guān)文章
本文主要介紹AngularJS ng-blur 指令，這里對ng-blur 指令的知識詳細(xì)介紹給大家，并給大家一個實例作為參考，有需要的小伙伴可以參考下2016-07-07
angular8.5集成TinyMce5的使用和詳細(xì)配置(推薦)
這篇文章主要介紹了angular8.5集成TinyMce5的使用和詳細(xì)配置,本文給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2020-11-11
詳解封裝基礎(chǔ)的angular4的request請求方法
這篇文章主要介紹了詳解封裝基礎(chǔ)的angular4的request請求方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-06-06
這篇文章主要介紹了Angular6筆記之封裝http的示例代碼，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-07-07
Angular基于Constructor?Parameter的依賴注入方式詳解
這篇文章主要為大家介紹了Angular基于Constructor?Parameter的依賴注入方式詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-11-11
這篇文章主要介紹了AngularJS實現(xiàn)Model緩存的方式，分享了多種AngularJS實現(xiàn)Model緩存的方法，感興趣的小伙伴們可以參考一下2016-02-02
這篇文章主要介紹了AngularJs實現(xiàn)聊天列表實時刷新功能,需要的朋友可以參考下2017-06-06
AngularJS中directive指令使用之事件綁定與指令交互用法示例
這篇文章主要介紹了AngularJS中directive指令使用之事件綁定與指令交互用法,結(jié)合實例形式分析了directive指令在模板的使用，事件的綁定及元素、屬性、控制器之間的交互相關(guān)操作技巧,需要的朋友可以參考下2016-11-11
這篇文章主要介紹了angularjs學(xué)習(xí)筆記之簡單介紹的相關(guān)資料,需要的朋友可以參考下2015-09-09
本文主要介紹AngularJS 表單,這里對AngularJS 表單知識做了詳細(xì)整理介紹,希望能幫助有需要的小伙伴2016-07-07