Gateway解决跨域问题

最新推荐文章于 2024-03-20 10:51:19 发布

温柔哥`

最新推荐文章于 2024-03-20 10:51:19 发布

阅读量678

点赞数 8

分类专栏： SpringCloud 文章标签： gateway java 运维

本文链接：https://blog.csdn.net/lemonzjk/article/details/135708851

版权

SpringCloud 专栏收录该内容

58 篇文章 1 订阅

订阅专栏

在微服务中，所有请求都要先经过网关再到微服务，也就是说跨域请求我们不需要在每个微服务里都去处理，仅仅在网关处理就可以了。

1.什么是跨域

跨域：域名不一致就是跨域，主要包括：

域名不同： www.taobao.com 和 www.taobao.org 和 www.jd.com 和 miaosha.jd.com
域名相同，端口不同：localhost:8080和localhost:8081

跨域问题：浏览器禁止请求的发起者与服务端发生跨域ajax请求，请求被浏览器拦截的问题

解决方案：CORS，跨域资源共享 CORS 详解 - 阮一峰的网络日志

2.解决

网关处理跨域采用的同样是CORS方案，并且只需要简单配置即可实现：

spring:
  cloud:
    gateway:
      globalcors: # 全局的跨域处理
        add-to-simple-url-handler-mapping: true # 解决浏览器向服务器发options请求被拦截问题，这样网关就不拦截这个请求了
        corsConfigurations:
          '[/**]': # 拦截一切请求
            allowedOrigins: # 允许哪些网站的跨域请求 
              - "http://localhost:8090"
            allowedMethods: # 允许的跨域ajax的请求方式
              - "GET"
              - "POST"
              - "DELETE"
              - "PUT"
              - "OPTIONS"
            allowedHeaders: "*" # 允许在请求中携带的头信息，这里是允许所有的请求头
            allowCredentials: true # 是否允许携带cookie
            maxAge: 360000 # 这次跨域检测的有效期

3.模拟跨域问题

新建html文件，用VSCode打开

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
<pre>
spring:
  cloud:
    gateway:
      globalcors: # 全局的跨域处理
        add-to-simple-url-handler-mapping: true # 解决options请求被拦截问题
        corsConfigurations:
          '[/**]':
            allowedOrigins: # 允许哪些网站的跨域请求
              - "http://localhost:8090"
              - "http://www.leyou.com"
            allowedMethods: # 允许的跨域ajax的请求方式
              - "GET"
              - "POST"
              - "DELETE"
              - "PUT"
              - "OPTIONS"
            allowedHeaders: "*" # 允许在请求中携带的头信息
            allowCredentials: true # 是否允许携带cookie
            maxAge: 360000 # 这次跨域检测的有效期
</pre>
</body>
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
<script>
  axios.get("http://localhost:10010/user/1?authorization=admin")
  .then(resp => console.log(resp.data))
  .catch(err => console.log(err))
</script>
</html>

打开终端，使用命令启动：

live-server --port=8090    // 记得先切换到该html文件所在的目录

打开浏览器控制台

在gateway中进行上文中第2中的配置，重启gateway服务，发现还是不行，还得把访问地址改为localhost

温柔哥`

关注

8
点赞
踩
9

收藏

觉得还不错? 一键收藏
0
评论
Gateway解决跨域问题

跨域：域名不一致就是跨域，主要包括：域名不同：和和www.jd.com和 miaosha.jd.com域名相同，端口不同：localhost:8080和localhost8081浏览器禁止请求的发起者与服务端发生跨域ajax请求，请求被浏览器拦截的问题解决方案：CORS，跨域资源共享 CORS 详解 - 阮一峰的网络日志。
复制链接

扫一扫