javascript Vite Rollup构建问题导致不正确的映像源路径

zu0ti5jz  于 2023-08-02  发布在  Java
关注(0)|答案(1)|浏览(130)

我是Vite的新手,目前遇到了这个构建问题。
我有一个内部镜像React组件,我在我的项目中引用了这个组件。
构建后,组件呈现如下

<img class="image" src="/assets/photo.svg" alt="" />

字符串
但是我需要将src路径从/assets/photo.svg更改为./assets/photo.svg,因为我的测试环境并不在域的根目录中。
运行localhost是很好的,因为它正在离开根域,但是在我的测试环境中,镜像没有加载,因为这个错误的路径。
有没有一种方法可以让我在不修改内部组件的情况下更改这个路径引用?
非常感谢

a64a0gku

a64a0gku1#

如果你使用Vite,你将有一个vite.config.js文件。在该文件中,您可以设置资源的基本URL。你可以在这里找到更多信息

// vite.config.js
export default {
  ...
  base: './',
};

字符串

相关问题