Vue项目打包报错Failed to load resource: net::ERR_FILE_NOT_FOUND
1.webpack.prod.conf.js 中output添加参数publicPath:’./’
.webpack.prod.conf.js 中output添加参数publicPath:'./'
2.修改webpack.base.conf.js中:
publicPath: process.env.NODE_ENV === 'production'
? './' +config.build.assetsPublicPath
: './' + config.dev.assetsPublicPath
3.如果还有问题:
找到config文件里面的index.js
修改build里面的assetsPublicPath;
assetsPublicPath: '/',
4.对开发完的项目打包放到服务器上,在本地跑的时候一切正常,但是在服务器上跑的时候发现登录页面的背景图没有了,是一片空白,为此找到了一下解决方案
在build 下的 utils.js中找到:
if (options.extract) {
return ExtractTextPlugin.extract({
use: loaders,
fallback: 'vue-style-loader',
})
} else {
return ['vue-style-loader'].concat(loaders)
}
并添加 publicPath: ‘…/…/’
添加后的效果:
if (options.extract) {
return ExtractTextPlugin.extract({
use: loaders,
fallback: 'vue-style-loader',
publicPath: '../../'
})
} else {
return ['vue-style-loader'].concat(loaders)
}