vue proxytable 代理根路径的同时增加其他代理

最新推荐文章于 2025-07-15 09:27:25 发布

原创最新推荐文章于 2025-07-15 09:27:25 发布 · 700 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #其他 #前端

Web 同时被 2 个专栏收录

7 篇文章

订阅专栏

Vue

6 篇文章

订阅专栏

在Vue项目开发过程中，遇到一个需求，需要设置两个不同的代理：一个是将根路径'/'代理到localhost:5000，另一个是将'py'路径代理到localhost:5001。为避免根路径代理覆盖特例路径，需要将特例路径的代理配置在根路径之前。具体的配置如下：首先，配置'/py'代理，然后配置'/'代理，确保'/py'的代理优先级高于'/'，这样可以正确实现不同路径的代理转发。

Vue 项目有一个需求，需要对根路径 ‘/’ 进行代理，但同时还存在其余特例路径的访问需求 ‘/py’，例：

代理 /* 到 localhost:5000
代理 /py/*到 localhost:5001

此时，需要将特例路径的代理写在根路径的前面，否则会被根路径的代理覆盖，无法成功进行代理：

module.exports = {
  dev: {
    proxyTable: {
      '/py': {
        target: `localhost:5001`,
        changeOrigin: true,
        pathRewrite: {
          '/py': '',
        }
      },
      '/': {
        target: `localhost:5000`,
        // secure: true, // 是否 https
        changeOrigin: true, // 是否是跨域请求
      }
    }
  }
}