Gateway网关跨域问题

乄bluefox2024-04-22 19:15

一、模拟跨域问题

通过vscode打开，模拟跨域问题的前端资料，在黑马视频中老师那个命令我似乎是不行的，应该是还没下载相关操作指令，但是可以通过下载一个插件来实现启动（Live Server）。

下载好后右键，选择open with live server启动。

启动成功后会有端口提示。

复制端口，在浏览器打开http://localhost:5500/ ，通过打开检查，看控制器可以看到有跨域问题，这里我已经解决跨域问题，在之后java项目中配置后才会出现。

二、解决跨域问题

将以下yml配置写入项目的配置文件中，重新启动，即可解决跨域问题

复制代码

spring:
  cloud:
    gateway:
      # 。。。
      globalcors: # 全局的跨域处理
        add-to-simple-url-handler-mapping: true # 解决options请求被拦截问题
        corsConfigurations:
          '[/**]':
            allowedOrigins: # 允许哪些网站的跨域请求 
              - "http://localhost:5500"
            allowedMethods: # 允许的跨域ajax的请求方式
              - "GET"
              - "POST"
              - "DELETE"
              - "PUT"
              - "OPTIONS"
            allowedHeaders: "*" # 允许在请求中携带的头信息
            allowCredentials: true # 是否允许携带cookie
            maxAge: 360000 # 这次跨域检测的有效期