跨域配置-Chorme坑

Nginx进行跨域配置

1、找到对应的网站添加跨域配置，然后重启Nginx

server { listen 8880; server_name localhost; #charset koi8-r; #access_log logs/host.access.log main; location / { #跨域配置-开始 add_header Access-Control-Allow-Origin '*'; add_header Access-Control-Allow-Credentials true; add_header Access-Control-Allow-Methods '*'; add_header Access-Control-Allow-Headers '*'; add_header Access-Control-Expose-Headers 'Content-Length,Content-Range'; if ($request_method = 'OPTIONS') { add_header 'Access-Control-Max-Age' 1728000; add_header 'Content-Type' 'text/plain; charset=utf-8'; add_header 'Content-Length' 0; return 204; } #跨域配置-结束

Spring boot 跨域配置

1、在网关配置文件中添加如下配置

spring: application: name: @artifactId@ cloud: gateway: # default-filters: # - DedupeResponseHeader=Access-Control-Allow-Origin globalcors: corsConfigurations: '[/**]': allowedOriginPatterns: "*" #注意这个设置只对 spring boot 2.4+ 有效，低版本使用 allowedOrigins: "*" 属性 allowed-methods: "*" allowed-headers: "*" allow-credentials: true exposedHeaders: "Content-Length,Content-Range"

注意：添加如上配置后，应该前端就可以进行跨域访问了，但是“chrome更新到94之后，会自动阻止发送不安全的内网请求”，当跨域有访问本地请求的时候会还是会报跨域错误如:

net::ERR_FAILED（截图如下）

解决办法，就是关闭这个新特性，不要让它禁用

1、地址栏输入：chrome://flags/#block-insecure-private-network-requests

2、找到 Block insecure private network requests. 并且禁用

参考：如何解决Chrome禁止发送不安全的内网网络请求(ERR_FAILED)(How to fix Chrome block your insecure private network requests)_Aqvdrt的博客-CSDN博客

跨域配置-Chorme坑相关推荐

springboot2.4跨域配置的方法
这篇文章主要介绍了springboot2.4跨域配置的方法,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下 1.如果只是一个简单的springbo ...
html 跨域_常见跨域解决方案以及Ocelot 跨域配置
常见跨域解决方案以及Ocelot 跨域配置 Intro 我们在使用前后端分离的模式进行开发的时候,如果前端项目和api项目不是一个域名下往往会有跨域问题.今天来介绍一下我们在Ocelot网关配置的跨域 ...
ASP.NET Core微服务(三)——【跨域配置】
ASP.NET Core微服务(三)--[跨域配置] 对应练习demo(跨域)下载路径(1积分):[https://download.csdn.net/download/feng8403000/151 ...
常见跨域解决方案以及Ocelot 跨域配置
常见跨域解决方案以及Ocelot 跨域配置 Intro 我们在使用前后端分离的模式进行开发的时候,如果前端项目和api项目不是一个域名下往往会有跨域问题.今天来介绍一下我们在Ocelot网关配置的跨域 ...
Nginx跨域配置、限制连接、限制下载速度
目录一.Nginx跨域配置二.Nginx限制连接配置三.Nginx限制下载速度配置一.Nginx跨域配置 #允许跨域请求的域,* 代表所有 add_header 'Access-Control ...
Tomcat跨域配置
问题描述在服务器的tomcat上面,挂载了一个共享路径,然后在前端浏览器请求的时候出现了跨域的问题. 解决方法前端请求服务器的资源出现跨域的时候,一般是通过配置服务器的跨域来解决的,所以在此处我们 ...
nginx 实现备案域名的配置 + 跨域配置
前言又到了记录的时候,摸鱼一时爽,摸到火葬场,摸鱼有风险,不要摸鱼了!!! (对自己的不满) ying宝的课上讲到了负载均衡.分布式缓存.分库分表等等等等提高服务并发性能的方法,总而言之,都是一些提 ...
Amazon CloudFront CDN + s3 源站跨域配置
Amazon CloudFront CDN + s3 源站跨域配置问题描述使用 Amazon CloudFront CDN + s3 源站托管前端静态页面,前端跨域请求时报错: ...blocke ...
SpringCloud Gataway 跨域配置
SpringCloud Gataway 跨域配置 Spring Boot版本:2.3.4.RELEASE Spring Cloud版本:Hoxton.SR8 一.通过配置文件配置跨域 spring:c ...

跨域配置-Chorme坑

跨域配置-Chorme坑相关推荐

最新文章

热门文章