vue.config反向代理配置、跨域问题

举列两个站点
1、web.test.com为前端部署
2、api.test.com为后台接口地址
如登录接口为：https://api.test.com/v1/user/login

vue.config.js 新增配置如下

devServer: {
    proxy: {
      '/v1': {
        target: 'https://api.test.com',
      },
    },
  },

nginx服务器为例(宝塔)，在伪静态内加入以下配置

 location / {
    try_files $uri $uri/  /index.html;
  }
    
 location /v1 {
    proxy_pass https://api.test.com;
  }

前后端同时配置才有效。此时再访问web.test.com站点，您将会看到所有的接口地址被指向web