這是今年的第一篇博客。整理一下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 修改成如下圖所示:
好啦這樣就可以部署到服務器上了。