解决前端浏览器跨域问题

解决跨域问题

跨域问题是前端经常遇到的问题,由于浏览器做了同源的限制,所以不是同源的地址是无法进行访问的。(其实请求是可以发出去的,服务器也会收到请求并且做出数据处理,并返回结果,只不过是被浏览器拦截了,哈哈哈
这是我项目运行在3000端口去向500端口请求数据,浏览器限制跨域访问
在这里插入图片描述

这是我的后端5000的测试输出,说明在请求发送出去了,结果也已经返回,只是浏览器做出了拦截。
在这里插入图片描述
我之前了解的跨域问题,在img,script等标签默认可以执行跨域请求,这个是由浏览器发起的,可以想象一下在初学html要用script引入jquery第三方的cdn,还有img的scr也是跨域的地址,这些就不会被限制。说到这里就想到了jsonp请求,这个请求就是模仿script标签进行get请求的发送的,所以jsop只能发送get请求,而且后端需要写好对jsonp请求的响应。

我在做项目的时候本来是设置了代理去访问5000端口,这样就不会有跨域了,但是后来用到了百度API,这个也得跨域,所以我当前就是这么做的,看下面:
可以这么做,后端新增加一个接口,前端向此接口去请求数据,后端收到前端的请求之后再向目的地址发送请求去获得数据,最后返回给前端。这样就绕过了浏览器,就不会存在跨域的问题啦!!!

之后我在网上看了好多大佬对于跨域问题的处理方法,这里记录一下
11111
22222

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

编程小飞

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值