2017-07-19 72 views
0

我用角2開發前端和使用ASP MVC(未ASP CORE)的後端...發佈網站上使用ASP MVC和角2

在正常的ASP MVC應用程序中使用此步驟來發布應用程序:

  1. 右擊項目
  2. 選擇菜單
  3. 選擇配置文件名稱
  4. 連接上發佈...

等步驟

當我使用步驟和上傳我的主機網站網站只顯示在

"<my-app>Loading...</my-app>" 

使用默認加載消息,這是默認使用的步驟我發佈的文件夾:

published asp mvc & angular 2 web application folder and files

請幫幫我!並說我步驟發佈我的web應用程序

坦克

+0

您是否使用Azure作爲主機? –

+0

沒有我使用共享虛擬主機服務@JoséQuintoZamora –

+0

請分享更多關於控制檯日誌錯誤,應用程序代碼等信息 –

回答

0

嗯,我還沒有很久以前面臨過這樣的問題,不幸的是我沒有找到很多關於它的信息,但可以分享一些經驗。

  1. (在我的情況wwwroot)裏面創建了建設項目的解決方案文件夾
  2. 配置角度CLI或任何你用它來建立你的項目來存儲建立.angular-cli.json文件文物有(在我的情況設置"outDir": "PROJECT_PATH_OR_EMPTY_IF_ITS_IN_SAME_FOLDER/wwwroot"
  3. 構建的角度應用(在我的情況ng build --prod --output-hashing=none --environment=qa

這裏的問題開始:在.NET的核心,你可以只配置項目加載從wwwroot文件夾index.html文件,一切都很好,但我咳嗽ldn`t做,在這種情況下(任何想法apreciated)

所以...

  • 修改MVC應用程序缺省路由僅加載一個視圖(角本身將照顧事後)

    routes.MapRoute( 名稱: 「默認」, 網址: 「{* URL}」, 默認:新{控制器= 「家」,行動= 「指數」,ID = UrlParameter。可選} );

  • 修改佈局頁面 - 將所有index.html內容複製到_Layout。HTML(確保腳本標記是指糾正wwwroot文件夾中的文件)

  • 發佈照常

  • 解決方案例如

    enter image description here

    我希望這將有助於。

    +0

    它是角1嗎? –

    +0

    no angular 2(4) – maxs87

    +0

    如何在我的項目中運行「ng build」...我在youtube中使用可視代碼中的終端來運行「ng build」 –