前端跨域如何做反向代理

前端配置反向代理的时候，可以根据路径的不同做不同的代理吗？
比如
www.123.com走api代理的时候，代理的是www.ABC.com
www.456.com走api代理的时候，代理的是www.abc.com
如过可以，应该怎么配置？

没听明白，你不就是想解决跨域嘛？
1.后端做全局跨域处理
2.前端在ajax内做跨域处理。传送门：https://blog.csdn.net/Crazykun/article/details/118365808

同一个项目，两个页面，分别走两个代理，前端这边来处理
localhost:7777/test/num/ 页面的请求走A代理
localhost:7777/test/number/ 页面的请求走B代理

vue通过配置vue.config.js实现代理

 proxy: {
      '/spi1/': {
        target: `http://192.168.0.26:9102/`,
        changeOrigin: true,
        pathRewrite: {
          '^/spi/': ''
        }
      },
     '/spi2/': {
        target: `http://192.168.0.26:9103/`,
        changeOrigin: true,
        pathRewrite: {
          '^/spi/': ''
        }
      }
 },

请求时

//代理1
axios.get('spi1/xxx/xxx')

//代理2
axios.get('spi2/xxx/xxx')

我的代理比你的多

proxy: {
            // detail: https://cli.vuejs.org/config/#devserver-proxy
            [process.env.VUE_APP_BASE_API]: {
                target: `http://218.95.183.200:9080`,
                changeOrigin: true,
                pathRewrite: {
                    ['^' + process.env.VUE_APP_BASE_API]: ''
                }
            },
            '/yqapi': {
                target: 'https://c.m.163.com/',  //要解决跨域的接口的域名
                secure: false,           //如果是https接口，需要配置这个参数
                changeOrigin: true,  // 如果接口跨域，需要进行这个参数配置
                pathRewrite: {
                    '^/yqapi': ''  // 路径重写
                }
            },
            '/imgUpdoad': {
                target: 'http://10.11.100.90:9092/',  //要解决跨域的接口的域名
                // target: 'http://192.168.3.40:9092/',  //要解决跨域的接口的域名
                secure: false,           //如果是https接口，需要配置这个参数
                changeOrigin: true,  // 如果接口跨域，需要进行这个参数配置
                pathRewrite: {
                    '^/imgUpdoad': ''  // 路径重写
                }
            },
        },

各位答题者回家的项目内做代理 挺方便的，你也可以试试用nginx配置https://heerey.blog.csdn.net/article/details/125700720