跨域的几种解决办法

我会带着你远行 2022-12-29 11:18 208阅读 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 条评论，208人围观）

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

相关阅读

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

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

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

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

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

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

相关 java跨域解决的几种方法

原文：https://blog.csdn.net/yue29026/article/details/70860719 一、全部接口解决跨域问题要想解决测试人员的跨域问题

绝地灬酷狼/ 2023年10月18日 18:24/ 0 赞/ 53 阅读

相关跨域问题的5种解决办法

目录 1.跨域请求JSONP 2.跨域请求CORS 3.跨域请求Nginx -------------------- 跨域（Cross-Origin）指的是在网络环境

淩亂°似流年/ 2023年10月14日 21:55/ 0 赞/ 37 阅读

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

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

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

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

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

我就是我/ 2023年09月27日 18:53/ 0 赞/ 18 阅读

相关跨域的几种解决办法

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

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

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

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

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

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

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

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

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

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

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