跨域总结(view:52)

1.本地文件请求api完整地址

api不开启cors,ajax浏览器报错跨域
api开启cors后:ajax正常返回

2.线上服务器环境,请求其他域名下的api完整地址
api不开启cors,ajax浏览器报错跨域
api开启cors后:ajax正常返回

3.线上服务器,请求api相对路径
启用反向代理,无论api是否开启cors都可以正常返回

4.本地node环境

不开启proxy,axios直接请求完整api地址,api开启cors可以正常返回,api不开启cors报错
开启proxy后,axios请求相对api地址,无论api是否开启cors都可以成功返回
开启proxy后,如果继续请求完整api地址,因为走了proxy的路由规则,如果对完整路径没做正确匹配也会报错

proxyTable: {
  '/api':{
    target:'http://baidu.com:3101/',
    changeOrigin: true,
    pathRewrite:{
      '^/api':''
    }
  },
  '/':{
    target:'http://10.10.10.10:8001',
    changeOrigin: true
  }
}

5.curl

无论api是否开启cors都可以正确返回

6.结论
本地文件,需要api开启cors
node本地服务器,不开启proxy时候表现和本地文件一样,开启proxy后无需后端开启api的cors
线上服务器,如果直接请求其他域名下api完整路径需要api开启cors,如果启用反向代理则不需要开启cors