VueJs生產環境部署

　　VueJs爲客戶端語言，因此部署的時候是不須要基於nodejs或其餘服務器運行環境，只須要像其餘靜態站點的方式發佈就能夠了，下面介紹一下VueJs具體發佈的流程還有須要注意的點。

　　先來看VueJs最終生成的文件目錄：

　　　　 

 

具體的步驟以下：

 

1.vue項目根目錄/config/index.js更改資源生成路徑：

 

　　assetsPublicPath:"/項目名/"改成assetsPublicPath:"/"

 

　　解決問題：index.html資源訪問不到，資源多一級項目名稱的路徑。

 

2.使用 npm run build 命令生成站點，站點爲根目錄下的dist文件；

 

3.解決站點刷新時404的問題；

 

　　到這個步驟的時候站點已經能正常訪問了，到時不能F5刷新，刷新的時候回報404，仔細觀察命令會發現，路徑已經變成我們vue路由裏面設置的「虛路徑」了，因此確定會404，這個時候須要在運行服務器上進行設置，把訪問不到的路徑都指向index.html,這個時候站點就支出刷新了，好比我若是是使用nginx作代理，配置：

 

location / {


  try_files $uri $uri/ /index.html;


}

　　

更多的服務器配置點擊：https://github.com/vuejs/vue-router/blob/dev/docs/zh-cn/essentials/history-mode.md