1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > Vue - vue+webpack创建的项目打包发布至服务器 页面空白及背景图片不显示问题解决

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

时间:2021-04-23 13:08:33

相关推荐

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

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

一. 页面显示空白二. 背景图片不显示

一. 页面显示空白

解决方法:

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

二. 背景图片不显示

解决方法:

修改资源路径

build > webpack.prod.conf.js文件修改,在output模块中添加publicPath:'./',如下图所示:

修改打包后背景图片的引用路径

build > utils.js文件修改,在generateLoaders方法中添加publicPath:'../../',如下图所示:

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

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。