排查问题:
查看vite.config.js中是否配置
base: './',
如果配置了,那么
本地运行
例如:css中引入字体,可将字体文件直接放在public文件夹下通过"/"引入
如果需要动态引入图片,可通过
import defaultA from '/src/assets/images/defaultA_blue.png'
引入后直接用defaultA这张图片
打包后
因为配置了base,所以在打包后引用会多一个"./",导致文件引用不到。有两种解决办法,
第一种是手动引入,就是按照配置后的路径,把你的静态文件放在打包后的文件夹里
第二种就是如果是配置了
resolve: {extensions: ['.js', '.vue', '.json'],alias: {'@': path.resolve(__dirname, './src'),'@1': path.resolve(__dirname, '../../')}},
通过"@"引用到对应相对路径就行