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

vue-cli5

官方文档
找到vue.config.js。

devServer: {proxy: {'/api': {target: 'http://fanyi.baidu.com/v2transapi/api',//代理目标changeOrigin: true,},},},

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

http://fanyi.baidu.com/v2transapi/api?+参数

npm run dev之后请求http://localhost:8080/api?from=zh&to=jp&query=爱&simple_means_flag=3
相当于http://fanyi.baidu.com/v2transapi/api?from=zh&to=jp&query=爱&simple_means_flag=3

二、在生产环境中跨域

设置nginx配置文件：

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

代码不用变，结果ok，

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！