vue解决跨域问题的几种常用方法(CORS)

module.exports = {
  devServer: {
    proxy: {
      '/api': {
        target: 'http://api.example.com',
        changeOrigin: true,
        pathRewrite: {
          '^/api': ''
        }
      }
    }
  }
}

    devServer: {
      open: true,
      port: 8080,
      // headers: {},
      host: 'test.meditrusthealth.com',
      disableHostCheck: true,
      https: true,
      proxy: {
        "/gwkf": {  // "/gwky" 是后端的服务名，地址后端以它为开头的
          target: "https://baidu.com/", //你需要访问的网址 
          changeOrigin: true,
        },
         // 像这种可以配置多个，后端会有多个服务名的情况
         // 首先我们需要获取到后端的服务名，就是需要代理的服务名，这个我们可以通过swagger，来找到
         // 第二点，我们需要找到请求路径，如果是测试环境(开发环境)，就用测试环境、生产环境就用生产环境的路径。
         // 然后就在target里面，添加上域名就可以了
         // changeOrigin 要为true，意思就是：当进行代理时，Host 的源默认会保留
        // （即Host是浏览器发过来的host），
        // 如果将changeOrigin设置为true，则host会变成target的值；在vue-cli3中，
        // 默认changeOrigin的值是true，意味着host设置成target，这与cue-cli2不一致，
        // vue-cli2这个默认值是false。
        "fast-admin": {
          target: "https://test-analysis.com/",
          changeOrigin: true,
        },
        "fast-service": {
          target: "https://test-analysis.com/",
          changeOrigin: true,
        },
        "mth-core-service": {
          target: "https://test-masterdata.com/",
          changeOrigin: true,
        },
        "mth-core-admin": {
          target: "https://test-masterdata.com/",
          changeOrigin: true,
        },
        "mth-capital-service": {
          target: "https://test-analysis.com/",
          changeOrigin: true,
        },
        '/fast-provide': {
          target: 'https://test-mobile.com', 
          secure: false,
          changOrigin: true,
          logLevel: 'debug'
        },
      }
    },