位置: IT常识 - 正文

「Vue面试题」在项目中你是如何解决跨域的?(vue的常见面试题)

编辑:rootadmin
「Vue面试题」在项目中你是如何解决跨域的?

推荐整理分享「Vue面试题」在项目中你是如何解决跨域的?(vue的常见面试题),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:vue面试题必问题和答案,vue的常见面试题,vue面试题必问题和答案,vue中的面试题,vue的面试题目,vue面试题简书,vue中的面试题,vue中的面试题,内容如对您有帮助,希望把文章链接给更多的朋友!

文章目录一、跨域是什么二、如何解决CORSProxy一、跨域是什么

跨域本质是浏览器基于同源策略的一种安全手段

同源策略(Sameoriginpolicy),是一种约定,它是浏览器最核心也最基本的安全功能

「Vue面试题」在项目中你是如何解决跨域的?(vue的常见面试题)

所谓同源(即指在同一个域)具有以下三个相同点

协议相同(protocol)主机相同(host)端口相同(port)

反之非同源请求,也就是协议、端口、主机其中一项不相同的时候,这时候就会产生跨域

一定要注意跨域是浏览器的限制,你用抓包工具抓取接口数据,是可以看到接口已经把数据返回回来了,只是浏览器的限制,你获取不到数据。用postman请求接口能够请求到数据。这些再次印证了跨域是浏览器的限制。

二、如何解决

解决跨域的方法有很多,下面列举了三种:

JSONPCORSProxy

而在vue项目中,我们主要针对CORS或Proxy这两种方案进行展开

CORS

CORS (Cross-Origin Resource Sharing,跨域资源共享)是一个系统,它由一系列传输的HTTP头组成,这些HTTP头决定浏览器是否阻止前端 JavaScript 代码获取跨域请求的响应

CORS 实现起来非常方便,只需要增加一些 HTTP 头,让服务器能

本文链接地址:https://www.jiuchutong.com/zhishi/299518.html 转载请保留说明!

上一篇:动态内存的开辟(动态内存管理)

下一篇:语义分割系列25-BiSeNetV2(pytorch实现)(语义分割入门教程)

免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

鄂ICP备2023003026号

网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

友情链接: 武汉网站建设 电脑维修 湖南楚通运网络