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

最后再重新打包就可以啦