当前位置:   article > 正文

解决vite打包后,index页面空白,静态资源引入路径错误_vite打包之后html中的引用地址错误

vite打包之后html中的引用地址错误

前言: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

本文内容由网友自发贡献,转载请注明出处:【wpsshop博客】
推荐阅读
相关标签
  

闽ICP备14008679号