一、在vue的开发环境中跨域

vue-cli5

官方文档

找到vue.config.js。

devServer: {proxy: {'/api': {target: '/v2transapi/api',//代理目标changeOrigin: true,},},},

如上配置，比如使用百度翻译api，那么这样写的实际使用等于访问

/v2transapi/api?+参数

npm run dev之后请求http://localhost:8080/api?from=zh&to=jp&query=爱&simple_means_flag=3

相当于/v2transapi/api?from=zh&to=jp&query=爱&simple_means_flag=3

二、在生产环境中跨域

设置nginx配置文件：

location /api {add_header 'Access-Control-Allow-Origin' '*';proxy_pass /v2transapi;} 代理本机端口location /api2 {proxy_pass http://localhost:9001/;}

代码不用变，结果ok，