vue-cli 3.0 创建的项目,打包后在服务器无法访问,页面空白,控制台报错
vue-cli 3.0 创建的项目,打包后在服务器无法访问,页面空白,控制台报错dev下运行时正常的,但在打包后就不正常了,如下图经过各种百度所知,是因为资源文件的引用路径,打包后变了,导致路径不正确,找不到文件。又经过百度得知 vue-cli3.0把webpack封装了,所以只需要在vue.config.js里修改一下配置就可以了。又经过百度得知 vue-lic3.0默认不会自动创建v...
·
vue-cli 3.0 创建的项目,打包后在服务器无法访问,页面空白,控制台报错
dev下运行时正常的,但在打包后就不正常了,如下图
经过各种百度所知,是因为资源文件的引用路径,打包后变了,导致路径不正确,找不到文件。
又经过百度得知 vue-cli3.0把webpack封装了,所以只需要在vue.config.js里修改一下配置就可以了。
又经过百度得知 vue-lic3.0默认不会自动创建vue.config.js文件,所以我们需要手动在目录下创建一个(和package.json,README.md等文件同级)
根据博客所知只需要在vue.config.js里添加以下内容就可以了
module.exports = {
//...
baseUrl: './'
//...
}
再次保存打包后提示:
WARN “baseUrl” option in vue.config.js is deprecated now, please use “publicPath” instead.
然后又把“baseUrl”单词改成了“publicPath”
module.exports = {
//...
publicPath: './'
//...
}```
再次打包
浏览发现可以正常在服务器访问了。
更多推荐
已为社区贡献1条内容
所有评论(0)