vite 静态资源请求方式

问题

需要把一些数据放在public，方便后面动态修改。

解决

使用 json 文件，在 vue 组件里通过 fetch 方式获取

如果项目在打包的时候是相对路径,vite配置是这样的 base: './',， 需要修改下 fetch 的路径

 const baseUrl = import.meta.env.BASE_URL === '/' ? '' : import.meta.env.BASE_URL;
  fetch(`${baseUrl}config.json`)
  .then(res => res.json())