Vue聊聊跨域-模拟请求

本文探讨了Vue项目中的跨域问题,解释了为何需要跨域,介绍了常用的跨域解决方案,如Charles和Fiddler的代理,Nginx的反向代理,以及Vue配置文件中的代理设置。同时,讨论了CORS(跨域资源共享)机制,强调其在处理跨域请求中的作用,并指出在特定HTTP方法下如何触发预检请求。
摘要由CSDN通过智能技术生成

跨域

跨域资源共享,用于让网页的受限资源能够被其他域名的页面访问的一种机制。通过该机制,页面能够自由地使用不同域名的图片、样式、脚本、iframes以及视频。一些跨域的请求常常会被同源策略所禁止的 跨域资源共享是一份浏览器技术的规范,提供了Web 服务从不同网域传来沙盒脚本的方法,以避开浏览器的同源策略。

为什么要跨域

因为现在的项目前后端进行分离,还有各种文件服务器数据库服务器可能会分开,还可能本地项目和线上项目需要联调,这些都会涉及跨域。在项目变得越来越大的时候回,文件可能会单独存放在一个服务器上,数据库可能是单独的服务器,于是项目就会请求不同的IP地址,请求不同的端口,跨域问题就出现了。

通常我们怎么跨域

(1)Charles 或者 fiddler

图片描述
图片描述

使用这两种工具可以帮助我们在项目开发的时候完成跨域的请求。大体思路就是将某个请求,转换成另一个请求,这种抓包工具帮我们拦截请求后,做一次转发。

图片描述

可是这样,总不能线上环境装一个抓包工具吧?于是另一个俄罗

评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值