vue+vite项目静态文件引用丢失
vue
vuejs/vue: 是一个用于构建用户界面的 JavaScript 框架,具有简洁的语法和丰富的组件库,可以用于开发单页面应用程序和多页面应用程序。
项目地址:https://gitcode.com/gh_mirrors/vu/vue
免费下载资源
·
排查问题:
查看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, '../../')
}
},
通过"@"引用到对应相对路径就行
GitHub 加速计划 / vu / vue
207.54 K
33.66 K
下载
vuejs/vue: 是一个用于构建用户界面的 JavaScript 框架,具有简洁的语法和丰富的组件库,可以用于开发单页面应用程序和多页面应用程序。
最近提交(Master分支:2 个月前 )
73486cb5
* chore: fix link broken
Signed-off-by: snoppy <michaleli@foxmail.com>
* Update packages/template-compiler/README.md [skip ci]
---------
Signed-off-by: snoppy <michaleli@foxmail.com>
Co-authored-by: Eduardo San Martin Morote <posva@users.noreply.github.com> 4 个月前
e428d891
Updated Browser Compatibility reference. The previous currently returns HTTP 404. 5 个月前
更多推荐
已为社区贡献2条内容
所有评论(0)