面试题前端跨域问题

作者：从前慢现在也慢 | 2024-06-08 20:29:53

踩

面试题前端跨域问题

跨域资源共享：cross-origin Resource sharing，CORS

浏览器的保护机制，只允许浏览器请求同一域名下的服务

同一域名：浏览器的同源政策，相同协议，域名，端口

解决跨域问题：前端，后端，服务器

方法一：

jsonp

方法二：

后端

配置后端响应response

配置后端响应头： Access-Control-Allow-Origin：“*” 允许所有请求（或者指定域名）

方法三：

前端

配置代理中专请求，因为跨域是浏览器的保护机制，如果脱离了浏览器的保护机制，如果脱离了浏览器发送请求，它就不会受到跨域保护机制的影响，所以我们可以使用一个中转服务器来发送请求和接受响应，前端只需要请求这个中转服务器，并保持和中转服务器的URL一致就可以了。一般的前端脚手架都支持配置代理，例如vite等。

方法四：

服务器

开发服务器不支持代理的情况下，我们可以自己手动创建一个中转服务器来代理请求。我们可以使用express来创建一个服务器，负责发送前端页面并代理请求。

妈呀需要实操

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/从前慢现在也慢/article/detail/691064

面试题 前端跨域问题

方法一：

方法二：

方法三：

方法四：

面试题前端跨域问题