proxyTable 解决开发环境跨域问题【VUE】

最新推荐文章于 2023-01-30 10:29:08 发布

eigerkl

最新推荐文章于 2023-01-30 10:29:08 发布

阅读量319

点赞数

CC 4.0 BY-SA版权

分类专栏： vue 文章标签： vue 跨域

本文链接：https://blog.youkuaiyun.com/github_39406334/article/details/88643130

vue 专栏收录该内容

3 篇文章

订阅专栏

项目中后台众多，不可能都让后台设置，前端需自力更生。可通过配置proxyTable解决跨域问题，要找到config->index.js第13行的proxyTable位置，还可进行单个或多个接口的代理。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

项目后台何其多，不可能每个都让后台设置，所以呀，前端是要自力更生的。

前端需要通过配置proxyTable来解决跨域问题。首先要找到config->index.js
13行的位置就是proxyTable了

代理一个接口

proxyTable: {
  '/api': {
    target: 'http://xxxxxx.com', // 接口的域名
    // secure: false,  // 如果是https接口，需要配置这个参数
    changeOrigin: true, // 如果接口跨域，需要进行这个参数配置
    pathRewrite: {
      '^/api': ''
    }
  }
},

代理多个接口

proxyTable: {
  '/api': {
    target: 'http://xxxxxx.com', // 接口的域名
    // secure: false,  // 如果是https接口，需要配置这个参数
    changeOrigin: true, // 如果接口跨域，需要进行这个参数配置
    pathRewrite: {
      '^/api': ''
    }
  },
  '/apis': {
    target: 'http://xxxxxx.com', // 接口的域名
    // secure: false,  // 如果是https接口，需要配置这个参数
    changeOrigin: true, // 如果接口跨域，需要进行这个参数配置
    pathRewrite: {
      '^/apis': ''
    }
  }
}