教你釋出vue+.netCore專案到伺服器

wnxyz8023發表於2019-07-18

 最近一直在做專案,釋出部署的事情都是同事或者老大做的,無奈什麼事都要自己嘗試經歷後才能記住,所以釋出的事情輪到我了,由於是第一次釋出部署專案到一個新的伺服器環境,難免會遇到各種各樣的問題,總結下來,希望可以幫到需要的人。

專案框架使用的是vue+.netCore2.2所以釋出的時候需要前後端分開發布,遇到的問題是挺多的,不過對自己來說也算是一種經歷吧。

一..netCore 專案釋出

1.1 修改環境配置為線上伺服器的資料庫地址

網站下的三個json檔案的資料庫配置修改為線上的資料庫環境

 

 

1.2設定啟動項,遷移資料庫

將專案內的Migrator設定為啟動專案,並修改專案下app.settings.json的連線字串為伺服器的IP,登入名和密碼為線上資料庫的登入名和密碼

 

1.3遷移資料庫到線上

F5啟動專案,會彈出提示 是否將資料庫遷移到線上伺服器地址,輸入 “y”即可將資料庫遷移到伺服器

 

1.4釋出本地專案

重新將啟動專案設定為Middleware.Web.Host,並點選發布按鈕。將專案釋出到自己選定的資料夾

 

 

 

至此,本地.netCore 專案釋出完成

二.Vue前端釋出

2.1 修改IPConfig配置

vue前端釋出之前,需修改IPConfig.js下的remoteUrlbaseUrl,即前後端的地址配置為伺服器的IP地址。將localhost 替換為 伺服器的IP地址

 

2.2 釋出前端專案

使用命令列 釋出 vue專案 終端--新建終端 輸入 命令 npm run build 回車之後,會在本地專案的目錄下生成一個dist資料夾

 

開啟本地專案資料夾,找到dist資料夾,拷貝出來。至此本地的vue專案已釋出成功。

三.部署線上伺服器環境

3.1釋出網站

將前端釋出的dist資料夾和後端釋出的資料夾一併拷貝到伺服器上。開啟IIS,新增前後端網站

Window+R 啟動執行 程式 輸入 mstsc 開啟遠端連線 輸入遠端桌面IP和登入名密碼。進入遠端桌面連線。

新增網站:網站名稱,物理路徑,修改埠號為前後端專案對應的埠號。

這裡.netCore網站的應用程式池.NET CLR版本要改為 無託管程式碼

 

3.2修改許可權

點選資料夾 右鍵 屬性--安全設定 新增EveryoneIIS_IUsr的許可權控制為允許全部

 

3.3安裝.netCore環境 

安裝.netCore所需要的環境 .netCoreruntime .netCore Hosting 附官網下載地址

https://dotnet.microsoft.com/download/dotnet-core/2.2

 

下載後安裝

3.4安裝vue環境 

安裝vue所需環境,urlrewrite,即url重定向,防止重新整理頁面導致的404URL不存在的錯誤。

 

 

 

四.常見的一些錯誤和解決辦法

4.1 500.19

HTTP 錯誤 500.19 - Internal Server Error 無法訪問請求的頁面,因為該頁的相關配置資料無效。

原因:環境未安裝完畢

解決辦法:重啟IIS,確保前後端所需的環境都已安裝完畢。

4.2 依賴錯誤

 windows系統中Dotnet core runtime 安裝後,無法啟動次程式,因為計算機中丟失api-ms-win-crt-runtime-l1-1-0.dll的解決方法

原因:dotnet core runtime依賴vc++2015,如果系統未安裝vc++2015則會報上面的錯誤

解決辦法:先下載安裝vc++2015再安裝dotnet core runtime

4.3 502.5 程式失敗

 

原因:後臺資料庫配置錯誤或者環境未安裝完畢。

解決辦法:

修改.netCore專案下web.config stdoutLogEnabled=”True”,然後手動新建logs資料夾,重新啟動網站,會在logs資料夾下生成一個stdoutLogtxt檔案,開啟即可看到詳情的錯誤資訊,對照修改為正確的配置即可。

 

到此,從本地釋出到一臺新伺服器的過程就結束了。不得不感嘆,感覺還是擼程式碼好點,哈哈。

 自己經歷過,才能對過程更加深刻。所以有些事只有自己親自動手去嘗試,會記得更牢固,以後遇到同樣的問題就能解決了。

相關文章