主流的跨域解决方案
栏目: JavaScript · 发布时间: 5年前
内容简介：跨域的方式有很多种，但是主流的方式主要是以下两种：CORS 跨域资源共享(Cross Origin Resource Sharing)这种方式对前端来说和平时发请求写法上没有任何区别，工作量基本都在后端这里。每一次请求浏览器必须先以 OPTIONS 请求方式发送一个预请求，从而获知服务器端对跨源请求所支持 HTTP 方法。在确认服务器允许该跨源请求的情况下，以实际的 HTTP 请求方法发送那个真正的请求。推荐的原因是只要第一次配好了，之后不管有多少接口和项目复用就可以了，一劳永逸的解决了跨域问题，而且不管是
跨域的方式有很多种，但是主流的方式主要是以下两种：
CORS 跨域资源共享(Cross Origin Resource Sharing)
这种方式对前端来说和平时发请求写法上没有任何区别，工作量基本都在后端这里。每一次请求浏览器必须先以 OPTIONS 请求方式发送一个预请求，从而获知服务器端对跨源请求所支持 HTTP 方法。在确认服务器允许该跨源请求的情况下，以实际的 HTTP 请求方法发送那个真正的请求。推荐的原因是只要第一次配好了，之后不管有多少接口和项目复用就可以了，一劳永逸的解决了跨域问题，而且不管是开发环境还是测试环境都能方便的使用。
webpack 的 proxy代理
在dev 开发模式下可以下使用 webpack
的 proxy
代理。具体使用方法可以看下具体文档。但这种方法在生产环境中是不适用的，在生产环境中需要使用 Nginx
反向代理。不管是 proxy
和 nginx
的原理都是一样的，通过搭建一个中转服务器来转发请求规避跨域的问题。
以上所述就是小编给大家介绍的《主流的跨域解决方案》，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对 码农网 的支持！
猜你喜欢:
本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。
