最近使用vue-cli做了个小项目,但是在build的时候出现了问题,build后,访问尽然是空白的,并且还提示路径错误等问题。最终在“简书”上找到了解决的办法。
首先打开config目录下index.js,修改build里assetsPublicPath: ‘/’,为assetsPublicPath: ‘./’,再次build能够正确显示
代码如下:
build: {
……
assetsPublicPath: './',
……
记住一定是修改build里的,而不是dve中的assetsPublicPath。
修改了这个config/index.js后还是出现了样式图片等路径错误问题,因此我们还需要再对webpack.prod.conf.js进行修改
打开build目录webpack.prod.conf.js,修改下面的相关代码
new ExtractTextPlugin({
filename: utils.assetsPath('css/[name].[contenthash].css')
})
将utils.assetsPath(‘css/[name].[contenthash].css’)直接修改为'[name].[contenthash].css’,修改后的代码如下:
new ExtractTextPlugin({
filename: '[name].[contenthash].css'
})