解决vite打包后，index页面空白，静态资源引入路径错误

前言：vite打包问题找了不少文档，vite官方文档有提供的引入（我觉得麻烦），所以用放在public的办法，然而打包之后引入路径又有问题，index加载不出来， 本文算是看完大佬文章的总结，在开发环境、生产环境都能正常显示。

1.将图片放到public下

​

2.修改图片的引入路径

如果图片路径为public则为/*.png

我的图片路径为public/img 所以是/img/*.png

img(src="/img/lucky-gift.png")

3.图片动态引入路径改为

​

4.修改打包配置文件(vite.config.ts)

解决打包后的index.html文件中 引入资源路径缺少.

base: process.env.NODE_ENV === 'production' ? './' : '/',

​

参考：http://t.csdnimg.cn/zN0rX