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