Vite项目中图片路径在打包后显示404怎么办？
我在开发环境用
能正常显示图片，但打包后访问根路径时图片404了。试过改成
还是不行，public目录配置也没问题，这是哪里出错了？
项目结构是这样的：src/里放代码，public/放静态资源。打包生成的dist/里确实有logo.png，但访问/时控制台报404，路径显示成了/logo.png。
有没有可能跟路由模式有关？我用的是Vue Router history模式，但其他静态文件比如favicon.ico也能正常加载…
- 2
回答
79浏览
Vite打包后为什么静态资源路径404？
用Vite开发的项目部署到服务器后，图片和字体文件都报404错误，明明在public目录里放了资源，也配置了publicDir: 'public'，生产构建后的dist里确实有这些文件，但页面访问时路...
- 2
回答
48浏览
Vite+React项目中配置别名后无法导入组件，路径报错怎么办？
在用Vite搭建React项目时，我按文档配置了@别名指向src目录，但导入组件时总提示404错误。比如这样写： // vite.config.js import { defineConfig } f...
- 2
回答
58浏览
Vite 打包后 HTML 中的静态资源路径为什么不对？
我用 Vite 构建项目后，发现生成的 index.html 里引用的 JS 和 CSS 文件路径是相对路径，部署到子目录时就加载不到了。明明配置了 base 路径，但好像没生效？ 比如我的项目部署在...
- 2
回答
31浏览
Vite库模式打包后入口文件路径不对怎么办？
我在用Vite的库模式打包组件库时遇到了问题，配置了build.lib.name为"my-lib"，但生成的dist文件夹里只有vendor.js，没有预期的main.js入口文件。查看构建日志没报错...
- 1
回答
46浏览
Vite项目使用Sass时提示”Cannot find module ‘sass'”怎么办？
我在Vite项目里新建了一个.sass文件，写了一些嵌套样式后保存时报错，控制台显示：Cannot find module 'sass'。之前按照文档安装了vite-plugin-sass，并在vit...
- 2
回答
41浏览
Vite配置Library模式打包后导出的文件无法被其他项目引入怎么办？
我在用Vite的Library模式打包一个工具库时遇到问题，按照文档配置了library选项，但打包生成的umd文件在另一个项目里引入时一直报错：Uncaught TypeError: Cannot ...
- 2
回答
83浏览
Vite配置base选项后静态资源404怎么办？
在用Vite打包生产环境时，我设置了base: '/dist/'，但访问页面时图片和CSS都404了。调整过publicDir也没用，控制台报错说资源路径变成了/dist/dist/images/lo...
- 2
回答
77浏览
Vite项目中配置路径别名后依然报模块找不到错误？
在用Vite搭建新项目时，我按教程配置了路径别名，但导入组件还是报“Cannot find module @/components/MyButton”，折腾了好久没解决。 我的vite.config....
- 2
回答
67浏览
Vite的manualChunks配置后组件还是单独打包怎么办？
我在用Vite开发React项目时，想通过manualChunks把四个公共组件打包到同一个chunk里，但配置后每个组件还是单独生成了文件... 项目结构是这样的，四个组件分布在不同页面： // v...
- 2
回答
36浏览
Vite打包时如何正确配置Rollup排除node_modules中的特定包？
我在用 Vite 构建 Vue3 项目，想通过 Rollup 配置把某个第三方库（比如 lodash-es）从打包结果中排除，但试了几次都没成功，build 后还是被打包进去了。 我查了文档，在 vi...
vite.config.js里加一行：这样打包时资源路径会以相对路径处理，图片就能正确加载了。
public目录里的图片，打包后路径会变，建议用import方式引入试试。如果非要放
public，可以试试改vite.config.js，加个base配置：实在不行就把图片丢
src/assets里，用new URL()加载，最稳妥。