使用proxy解决请求跨域问题
2024-09-03 17:50:09
背景
- 在 react 项目里,前端请求接口时出现了跨域问题(类似图片中的提示)
- 这时最快捷的方法就是让后端同学设置请求允许跨域(如图配置响应头)
- 如果后端同学不配合,就需要靠我们自己来了!
实现
React项目
1. 在create-react-app和react-script下,可以直接在package.json文件里配置proxy。
// package.json
{
...
proxy: "http://请求的后端接口域名"
}
【注意]】
- 这里我们不需要配置请求的域名,请求的接口没有域名时,会默认使用当前页面的域名,我这里是http://localhost:3003。
- 在package.json配置后,需要重启项目,即
yarn start
或者npm run start
。
【实现的原理】
- 我们是如何通过欺骗浏览器实现跨域的请求,当然是充分利用他的同源策略。
- 在浏览器请求接口时,首先还是请求的当前网页域名下的接口URL,然后通过proxy实现请求转发,请求我们真正想要访问的接口URL。
最新文章
- netstat监控大量ESTABLISHED连接与Time_Wait连接问题
- 转 PresentViewController切换界面
- Hibernate实体关系映射(OneToMany单边)——完整实例
- JPanel
- C# winform窗体设计-对数据库执行增删改操作
- js中substring和substr的用法
- Java 与无符号那些事儿
- Educational Codeforces Round 15 套题
- Hibernate映射解析——七种映射关系
- Cookie及Session文件在本机的存放位置
- 配置并学习微信JS-SDK(2)—扫一扫接口http://www.qq210.com/shoutu/android
- JS如何设置计算几天前的时间?
- 关于重复记录和外部 ID (CRM导入提示已找到重复的查找引用)
- Python的经典问题——中文乱码
- 13.如何生成订单号,用uuid
- linux小白成长之路2————yum安装火狐浏览器
- [福大软工] W班 团队第一次作业—团队展示成绩公布
- SSM整合Netty5.0详细说明
- IIS 8的第一次请求不变慢如何配置
- jsp不解析el表达式,不识别jstl标签,找不到http://java.sun.com/jsp/jstl/core