vue+webpack创建的项目打包发布至服务器,页面空白及背景图片不显示问题解决
一. 页面显示空白
解决方法:
config > index.js 文件修改,在 build
模块中找到 assetsPublicPath
,值改为"./"
,如下图所示:
二. 背景图片不显示
解决方法:
- 修改资源路径
build > webpack.prod.conf.js 文件修改,在output
模块中添加publicPath:'./'
,如下图所示:
- 修改打包后背景图片的引用路径
build > utils.js 文件修改,在generateLoaders
方法中添加publicPath:'../../'
,如下图所示:
完成以上配置,重新打包发布后页面正常显示。