欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

詳解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

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

相關(guān)文章

  • 詳解angular 中的自定義指令之詳解API

    詳解angular 中的自定義指令之詳解API

    本篇文章主要介紹了angular 中的自定義指令之詳解API，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
    2017-06-06
  • Angular.js項目中使用gulp實現(xiàn)自動化構(gòu)建以及壓縮打包詳解

    Angular.js項目中使用gulp實現(xiàn)自動化構(gòu)建以及壓縮打包詳解

    基于流的前端自動化構(gòu)建工具，利用gulp可以提高前端開發(fā)效率，特別是在前后端分離的項目中。下面這篇文章主要給大家介紹了關(guān)于在Angular.js項目中使用gulp實現(xiàn)自動化構(gòu)建以及壓縮打包的相關(guān)資料，需要的朋友可以參考下。
    2017-07-07
  • 如何利用@angular/cli V6.0直接開發(fā)PWA應(yīng)用詳解

    如何利用@angular/cli V6.0直接開發(fā)PWA應(yīng)用詳解

    這篇文章主要給大家介紹了如何利用@angular/cli V6.0直接開發(fā)PWA應(yīng)用的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家學(xué)習(xí)或者使用@angular/cli V6.0具有一定的參考學(xué)習(xí)價值，需要的朋友可以參考下
    2018-05-05
  • 詳解angularjs中如何實現(xiàn)控制器和指令之間交互

    詳解angularjs中如何實現(xiàn)控制器和指令之間交互

    本篇文章主要介紹了詳解angularjs中如何實現(xiàn)控制器和指令之間交互，具有一定的參考價值，感興趣的小伙伴們可以參考一下
    2017-05-05
  • AngularJs bootstrap搭載前臺框架——基礎(chǔ)頁面

    AngularJs bootstrap搭載前臺框架——基礎(chǔ)頁面

    本文主要介紹AngularJs bootstrap搭載前臺框架基礎(chǔ)頁面的建設(shè)，這里整理餓了相關(guān)資料及實現(xiàn)實例代碼，有興趣的小伙伴可以參考下
    2016-09-09
  • AngularJS使用ocLazyLoad實現(xiàn)js延遲加載

    AngularJS使用ocLazyLoad實現(xiàn)js延遲加載

    這篇文章主要介紹了AngularJS使用ocLazyLoad實現(xiàn)js延遲加載的相關(guān)資料,需要的朋友可以參考下
    2017-07-07
  • 如何在Angular應(yīng)用中創(chuàng)建包含組件方法示例

    如何在Angular應(yīng)用中創(chuàng)建包含組件方法示例

    這篇文章主要給大家介紹了關(guān)于如何在Angular應(yīng)用中創(chuàng)建包含組件的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家學(xué)習(xí)或者使用Angular具有一定的參考學(xué)習(xí)價值，需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧
    2019-03-03
  • 深入理解Angularjs中$http.post與$.post

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

    本篇文章主要介紹了深入理解Angularjs中$http.post與$.post ，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
    2017-05-05
  • 詳解angular element()方法使用

    詳解angular element()方法使用

    本篇文章主要介紹了詳解angular element()方法使用，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
    2017-04-04
  • AngularJS集合數(shù)據(jù)遍歷顯示的實例

    AngularJS集合數(shù)據(jù)遍歷顯示的實例

    下面小編就為大家分享一篇AngularJS集合數(shù)據(jù)遍歷顯示的實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
    2017-12-12

最新評論