ASP.NET Core應用程式運行Vue並且部署在IIS上的詳解

這篇文章主要給大家介紹了關於如何運行Vue在ASP.NET Core應用程式並且部署在IIS上的相關資料，文中通過圖文介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧。

前言

從.NET Core 1.0開始我們就將其應用到項目中，但是呢我對ASP.NET Core一些原理也還未開始研究，僅限於會用，不過園子中已有大量文章存在，藉著有點空餘時間，我們來講講如何利用ASP.NET Core結合Vue在IIS上運行。

ASP.NET Core結合Vue部署於IIS

關於安裝Vue和Webpack則不再敘述，我們直接來建立ASP.NET Core應用程式或者通過dotnet new mvc建立ASP.NET Core應用程式

接下來在上述應用程式下通過如下命令建立Vue模板

vue init webpack my-projectcd my-projectnpm install

接下來我們利用npm run dev啟動Vue.

此時Vue也運行起來，我們則可以很嗨森的在本地進行測試了。完成了第一步，然後我們在生產環境實現前後分離，將上述ASP.NET Core應用程式部署到IIS作為一個單獨網站，與此同時將Vue也作為一個單獨網站。接下來我們將上述應用程式部署到IIS上。

在IIS上建立的網站aspnetcore，其基本設定中應用程式集區當然為無Managed 程式碼，如果沒有請自行下載.NET Core run time。

此時我們需要做的則是修改Vue設定檔，修改產生的Vue模板項目config檔案夾下的Index.js檔案來配置組建檔案所在目錄，如下：

接下來再運行npm run build命令將在wwwroot檔案夾下產生vue檔案。

然後我們建立前端網站將上述產生的檔案放到該網站下，比如我建立的是VueDemo。

是不是一切看起來都是那麼簡單和easy呢，可能在你進行如上測試時會出現很多問題，我只是未做詳細說明而已，比如沒有許可權訪問啊，那就給定許可權諾，預設情況下網站許可權為IIS APPPOOL\DefaultAppPool，要是許可權不夠就配置NET SERVICE或者EVERY ONE，再要麼是建立的Vue網站無法訪問出現對應的錯誤碼，此時需要通過Web平台安裝路由重寫程式。

總結

本節我們簡短介紹了如何?ASP.NET Core應用程式與前端架構（如Vue）前後分離，上述完成後接下來則是Vue進行介面調用了，有時間會更新利用Vue進行Ajax請求ASP.NET Core介面。