運行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-project
cd my-project
npm install

接下來咱們利用npm run dev啓動Vue.

此時Vue也運行起來，咱們則能夠很嗨森的在本地進行測試了。完成了第一步，而後咱們在生產環境實現先後分離，將上述ASP.NET Core應用程序部署到IIS做爲一個單獨站點，與此同時將Vue也做爲一個單獨站點。接下來咱們將上述應用程序部署到IIS上。

在IIS上建立的站點aspnetcore，其基本設置中應用程序池固然爲無託管代碼，若是沒有請自行下載.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接口，若是上述建立過程當中出現任何坑而沒法解決可直接私信我，一一爲你解答。see u。