vue之項目打包部署到服務器


  這是今年的第一篇博客。整理一下vue如何從項目打包到部署服務器,給大家做下分享,希望能給大家帶來或多或少的幫助,喜歡的大佬們可以給個小贊,如果有問題也可以一起討論下。

第一步:這是很關鍵的一步。打開項目,找到config文件夾下的index.js。搜索  assetsPublicPath  默認值為 '/‘ 應改為你要掛在到服務器的那個文件下的路徑 。

 

第二步:因為在開發時 會有跨域問題 我們為了方便會配置跨域代理比如proxyTable 一般都這樣寫,因為要部署到服務器上所以到服務器上之后就不存在跨域了,注銷掉他。

第三步:解決部署后圖片圖表路徑404問題如xxxx/static/css/static/css/xxx這樣的路徑  在build/utils 中,找到這里添加  publicPath:'../../' 這條代碼 即可解決這個問題。

第四步: 在build/utils/webpack.prod.conf.js  中的output中添加一條 publicPath:'./'

第五步:router/index.js路由模式一定要設置一個 不要不寫 雖然默認的是 mode:'hash'  但不寫的話會造成訪問時出現空白頁面  一定要寫上  寫上 history模式會消除 訪問時 路徑是出現個#的情況  默認的hash模式會有# ,找到目錄src/router/index.js 修改成如下圖所示:

 

 好啦這樣就可以部署到服務器上了。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM