⚡vite 打包资源路径不对页面不显示

vite打包内部采用的是Rollup完成的应用打包，因为vite高度依赖ES Modules特性所以只支持现代浏览器，抛弃IE市场，如果你需要兼容IE需要另做处理，详情可以参考这里。

你只需要在终端执行 npm run build 打包过程轻松又愉快，先不要高兴的太早，这时候如果你打开 dist 文件下的打包文件会发现页面显示不出来，一拍脑门想起来在 vue.config.js 里面配置一下 publicPath: './'，不过当你做完这一切之后发现并没有解决问题，why？在这里先不要慌，只需要继续向下看。

解决办法：

这是因为 vue 打包后的路径默认是根路径，而在 vite 里面的配置文件是 vite.config.js，所以同理，你只需要在配置里写上 base: './' 即可轻松解决。