Vue打包使用npm run build后资源路径问题

执行命令打包后，打开dist文件夹下的html文件，资源全部爆红!!!

原因是打包后的文件使用了相对路径

---

解决方法：
网上的方法都是vue2：比如修改config/index.js的assetsPublicPath

在Vue3中，没有了 build 目录，webpack.base.config.js、webpack.dev.config.js 、webpack.prod.config.js 等配置文件。而是需要自己在工程目录下创建一个vue.config.js(与package.json)同级，写入：

module.exports = {
    //设置打包资源目录
	publicPath:'./'
}

重新执行num run build即可！！