如何用Nginx高效解决网站跨域资源共享问题?
- 内容介绍
- 文章标签
- 相关推荐
本文共计3037个文字,预计阅读时间需要13分钟。
来源:酒香适宜+地址:https://www.cnblogs.com/fnz0/p/15803011.当你遇到跨域问题时,不要立刻选择复制粘贴去尝试,请仔细阅读完这篇文章后再进行处理,我相信它能帮到你。分析前准备:+前端网站地址
来源:酒香逢
地址:www.cnblogs.com/fnz0/p/15803011.html
当你遇到跨域问题,不要立刻就选择复制去尝试,请详细看完这篇文章再处理,我相信它能帮到你。
分析前准备:前端网站地址:localhost:8080
服务端网址:localhost:59200
首先保证服务端是没有处理跨域的,其次,先用postman测试服务端接口是正常的
当网站8080去访问服务端接口时,就产生了跨域问题,那么如何解决?接下来我把跨域遇到的各种情况都列举出来并通过nginx代理的方式解决(后台也是一样的,只要你理解的原理)。
跨域主要涉及4个响应头:
- Access-Control-Allow-Origin 用于设置允许跨域请求源地址 (预检请求和正式请求在跨域时候都会验证)
- Access-Control-Allow-Headers 跨域允许携带的特殊头信息字段 (只在预检请求验证)
- Access-Control-Allow-Methods 跨域允许的请求方法或者说HTTP动词 (只在预检请求验证)
- Access-Control-Allow-Credentials 是否允许跨域使用cookies,如果要跨域使用cookies,可以添加上此请求响应头,值设为true(设置或者不设置,都不会影响请求发送,只会影响在跨域时候是否要携带cookies,但是如果设置,预检请求和正式请求都需要设置)。
本文共计3037个文字,预计阅读时间需要13分钟。
来源:酒香适宜+地址:https://www.cnblogs.com/fnz0/p/15803011.当你遇到跨域问题时,不要立刻选择复制粘贴去尝试,请仔细阅读完这篇文章后再进行处理,我相信它能帮到你。分析前准备:+前端网站地址
来源:酒香逢
地址:www.cnblogs.com/fnz0/p/15803011.html
当你遇到跨域问题,不要立刻就选择复制去尝试,请详细看完这篇文章再处理,我相信它能帮到你。
分析前准备:前端网站地址:localhost:8080
服务端网址:localhost:59200
首先保证服务端是没有处理跨域的,其次,先用postman测试服务端接口是正常的
当网站8080去访问服务端接口时,就产生了跨域问题,那么如何解决?接下来我把跨域遇到的各种情况都列举出来并通过nginx代理的方式解决(后台也是一样的,只要你理解的原理)。
跨域主要涉及4个响应头:
- Access-Control-Allow-Origin 用于设置允许跨域请求源地址 (预检请求和正式请求在跨域时候都会验证)
- Access-Control-Allow-Headers 跨域允许携带的特殊头信息字段 (只在预检请求验证)
- Access-Control-Allow-Methods 跨域允许的请求方法或者说HTTP动词 (只在预检请求验证)
- Access-Control-Allow-Credentials 是否允许跨域使用cookies,如果要跨域使用cookies,可以添加上此请求响应头,值设为true(设置或者不设置,都不会影响请求发送,只会影响在跨域时候是否要携带cookies,但是如果设置,预检请求和正式请求都需要设置)。

