vue+webpack创建的项目打包发布至服务器,页面空白及背景图片不显示问题解决
一. 页面显示空白

解决方法:
config > index.js 文件修改,在 build 模块中找到 assetsPublicPath,值改为"./",如下图所示:

二. 背景图片不显示
解决方法:
- 修改资源路径
build > webpack.prod.conf.js 文件修改,在output模块中添加publicPath:'./',如下图所示:

- 修改打包后背景图片的引用路径
build > utils.js 文件修改,在generateLoaders方法中添加publicPath:'../../',如下图所示:

完成以上配置,重新打包发布后页面正常显示。

1808

被折叠的 条评论
为什么被折叠?



