ruoyi中如何使用Public来存储静态资源

原创已于 2025-04-16 17:54:18 修改 · 166 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #javascript

于 2025-04-16 17:32:38 首次发布

ruoyi中如何使用Public来存储静态资源

- 方法1、在vite.config.js中添加重写规则
- 方法2、创建一个自定义Vite插件来处理特定路径的请求：

方法1、在vite.config.js中添加重写规则

// An highlighted block
export default defineConfig({
  // ...其他配置
  server: {
    // ...其他服务器配置
    proxy: {
      // ...其他代理配置
      '这里可以写public下面的路径，示例是/ammunition\/mapdata': {
        target: 'http://localhost:8090',
        rewrite: (path) => path.replace(/^\/ammunition\/mapdata/, '/mapdata')
      }
    }
  }
})

方法2、创建一个自定义Vite插件来处理特定路径的请求：

// An highlighted block
export default defineConfig({
  // ...其他配置
  plugins: [
    // ...其他插件
    {
      name: 'rewrite-map-urls',
      configureServer(server) {
        server.middlewares.use((req, res, next) => {
          // 检查是否是瓦片请求，如果是，重写为正确的路径
          if (req.url.includes('这里可以写public下面的路径，示例是/ammunition/mapdata/')) {
            req.url = req.url.replace('/ammunition/mapdata/', '/mapdata/');
          }
          next();
        });
      }
    }
  ]
})