vue打包后页面不显示、图片无法显示的问题

开发完成后打包放到服务器上,却发现打包后的页面空白,打开console发现报错:js、css无法找到对应路径。
页面空白:症结---打包后的css、js路径有问题
解决办法:修改打包后 的css\js的路径为相对位置
在config/index.js文件中build对象的assetsPublicPath的'/',改为 './',


image.png

图片无法显示:症结--图片引用的绝对路径无法找到
解决办法:将图片转码成base64编码
build/webpack.base.conf.js文件中的url-loader的limit值从10000改为200000,如下图:


image.png

最后再重新打包就可以啦

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。