vue打包后，资源无法显示的问题解决

之前在做完项目之后，遇到一个问题，vue打包成一个dist文件之后，打开里面的index.html，发现是一片空白，任何资源都加载不出来。

这是因为，vue-cli在打包的时候，默认你的布置是在根目录上，比如你域名根路径是“http://59.110.67.101”，但是你打包文件放在了一个"www"的子路径下，那么你在vue.config.js中，就应该设置pathPablic为/www/。

当然，也可以采用相对路径这样的百搭方式。直接将pathPablic设置为  "./"，这样打包文件也都遵循相对路径。

module.exports = {
publicPath:"./",
｝

在经过这样的修改之后，我们再次打开index.html，发现dom加载出来了，但是图片却不见了。

这是因为，你在vue-router设置的时候，可能采用了history模式，需要修改为hash模式

 如果一定要使用history模式，则必须将打包文件放到服务器根目录下