通过vue dev和nginx反向代理实现跨域
来源:互联网 发布:英语词组软件 编辑:程序博客网 时间:2024/06/08 11:05
一、在vue的开发环境中跨域
1、在config目录找到index.js文件
2、
如图配置,比如使用百度翻译api,那么这样写的实际使用等于访问
http://fanyi.baidu.com/v2transapi/api?+参数
yarn 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; }
代码不用变,结果ok,
阅读全文
0 0
- 通过vue dev和nginx反向代理实现跨域
- Nginx反向代理实现跨域请求
- 使用nginx反向代理实现跨域
- vue nginx反向代理配置
- Nginx实现反向代理和负载均衡
- Nginx实现正向和反向代理
- Nginx和apache实现反向代理
- Nginx实现负载均衡和反向代理
- nginx实现反向代理和负载均衡
- nginx 实现反向代理和负载均衡
- Nginx实现反向代理和负载均衡
- NGINX实现反向代理
- nginx实现反向代理
- nginx实现反向代理
- nginx反向代理实现
- nginx实现反向代理
- 【nginx】nginx实现反向代理
- 一、Nginx + Apache 通过反向代理实现负载均衡
- 【bzoj 1031】字符加密Cipher(后缀数组)
- git版本控制管理系列-----第九章 合并
- 想突破职业瓶颈,请先做一个有追求的程序员
- git版本控制管理系列-----第十章 更改提交
- DirectX11笔记(八)--Direct3D渲染4--VERTEX SHADER
- 通过vue dev和nginx反向代理实现跨域
- C程序编译执行过程
- C/C++中内存区域划分大总结
- C++内存分配方式详解——堆、栈、自由存储区、全局/静态存储区和常量存储区
- 线性表的顺式存储简单应用
- C/C++存储区划分
- 539.Minimum Time Difference
- [软件推荐]mac下加载NTFS格式U盘或硬盘?
- C++拷贝构造函数(深拷贝,浅拷贝)