如果靜態文件不是部署在網站根目錄下，vue-cli將給你造成巨大的麻煩，你不能直接把build好的文件拋進一個目錄，你不能直接在本地打開用vue做好的靜態網站。改成相對路徑，主要需要做兩步：

?

1、修改config => index.js => build => assetsPublicPath 中的'/'成為'./' （注意！很多同學直接在dev:{}里面的assetsPublicPath改成了true，結果本地運行的時候報錯Cannot GET /，所以一定要注意找準確位置是在build:{}里面修改喲）

2、在build => util.js 里找到ExtractTextPlugin.extract，增加一行：publicPath: '../../'

然后npm run build打包出來的文件，就可以直接打開運行啦！也可以直接作為HTML靜態頁面扔進服務器

3、修改main.js文件的存放位置，把main.js挪到src/js/下面，找到build/webpack.base.conf.js

module.exports = {context: path.resolve(__dirname, '../'),entry: {app: './src/js/main.js'//修改這個路徑即可},
…

這樣，就可以把main.js文件剪切到src/js/下面了

4、修改App.vue的路徑，把它挪到src/vue/文件夾下面，打開剛剛第3步的main.js文件

 import App from '../vue/App';//修改這個路徑即可new Vue({ el: '#app', render: h => h(App), router });

這樣，就可以把App.vue文件剪切到src/vue/下面了

總結

以上是生活随笔為你收集整理的【3】npm run build Vue的项目，如何修改相对路径配置的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。