跨域的几种解决办法

我会带着你远行 2022-12-29 11:18 193阅读 0赞

# 前言： #

跨域问题是浏览器引起的，服务和服务之间的调用不存在跨域。

浏览器中前端服务：(1.1)127.0.0.1:80,(1.2)127.0.0.1:8080,(1.3)192.168.135.139:80,(1.4)192.168.135.139:8080  
后端服务：(2.1)127.0.0.1:8080,(2.2)127.0.0.1:8080,(2.3)192.168.135.139:80,(2.4)192.168.135.139:8080

(1.1)-(2.1)不跨域  
(1.1)调（2.2，3，4）都是跨域的

# 跨域的几种解决办法 #

1.  后端统一做允许跨域配置（不推荐，本地调试可以用）

@Configuration
    public class CORSConfig { 
    
        @Bean
        public WebMvcConfigurer corsConfigurer(){ 
            return new WebMvcConfigurer() { 
                @Override
                public void addCorsMappings(CorsRegistry registry) { 
                    registry.addMapping("/**")
                            .allowedHeaders("*")
                            .allowedMethods("*")
                            .allowedOrigins("*");
                }
            };
        }
    }

1.  前端通过node.js转发解决跨域问题（本地开发中使用）  
    在vue.config.js中配置代理转发

module.exports = { 
      devServer:{ 
        host:'localhost',
        port:8080,
        proxy:{ 
          '/api':{ 
         target:'http://localhost:9999/api',
            changeOrigin:true,
            pathRewrite:{ 
              '/api':''
            }
          }
        }
      },
      productionSourceMap:true,
      chainWebpack:(config)=>{ 
        config.plugins.delete('prefetch');
      }
    }

3.通过网关/接入层解决跨域问题（生产环境使用）  
就是不管前端，后端都走网关服务的转发，这样前端后端就都是同源，不存在跨域问题了

发表评论取消回复

表情：

评论列表（有 0 条评论，193人围观）

还没有评论，来说两句吧...

相关阅读

相关 SpringBoot解决跨域的几种方式

SpringBoot解决跨域的几种方式跨域资源共享（CORS）：通过修改Http协议header的方式，实现跨域。说的简单点就是，通过设置HTTP的响应头信息，告知浏览

ゞ浴缸里的玫瑰/ 2024年03月23日 19:36/ 0 赞/ 60 阅读

相关 SpringBoot 项目解决跨域的几种方案

> 在用SpringBoot开发后端服务时，我们一般是提供接口给前端使用，但前端通过浏览器调我们接口时，浏览器会有个同源策略的限制，即`协议`，`域名`，`端口`任一不一样时都

我会带着你远行/ 2024年03月22日 11:48/ 0 赞/ 25 阅读

相关 vue解决跨域的几种办法

当我们遇到请求后台接口遇到 Access-Control-Allow-Origin 时，那说明跨域了。跨域是因为浏览器的同源策略所导致，同源策略（Same origin p

叁歲伎倆/ 2023年10月09日 23:28/ 0 赞/ 33 阅读

相关跨域的几种解决办法

前言：跨域问题是浏览器引起的，服务和服务之间的调用不存在跨域。浏览器中前端服务：(1.1)127.0.0.1:80,(1.2)127.0.0.1:8080,(1.3

我会带着你远行/ 2022年12月29日 11:18/ 0 赞/ 194 阅读

相关跨域的几种解决方案,java处理跨域,前端处理跨域

跨域目前是广大开发者经常遇到的一个问题.在此我将几种常用的解决方案介绍一下 1:JSONP JSONP 是服务器与客户端跨源通信的常用方法。最大特点就是简单适用，缺点是

冷不防/ 2022年12月07日 15:10/ 0 赞/ 233 阅读

相关跨域常见的几种解决方案

跨域非同源策略请求（比较协议、域名、端口号，只要有一个不一样就是跨域）： 1. 页面的访问地址（Web地址） 2. 数据接口的请求地址情况1：开发时候是跨域的

深藏阁楼爱情的钟/ 2022年10月16日 00:51/ 0 赞/ 228 阅读

相关详解跨域的几种方式

> 小编推荐：[Fundebug][]专注于JavaScript、微信小程序、微信小游戏，Node.js和Java实时BUG监控。真的是一个很好用的bug监控费服务，众多大佬公

叁歲伎倆/ 2022年03月31日 11:08/ 0 赞/ 326 阅读

相关 session跨域及解决办法

session共享与sso的关系？ session共享是一个抽象，sso是共享的实现。什么是session共享在分布式系统中，登录任何一个子系统，其它系统都不必

妖狐艹你老母/ 2021年11月18日 00:02/ 0 赞/ 378 阅读

相关跨域常见的几种解决方式

概念域(Domain)是Windows网络中独立运行的单位，域之间相互访问则需要建立信任关系(即Trust Relation)。信任关系是连接在域与域之间的桥梁

忘是亡心i/ 2021年09月19日 01:12/ 0 赞/ 747 阅读

相关 iframe跨域解决办法

按情境分 1、不跨域时 2、主域相同、子域不同时 3、主域不同不跨域时访问`iframe`： `contentWindow` 访问父级：`paren

心已赠人/ 2021年07月04日 13:05/ 0 赞/ 583 阅读