【has been blocked by CORS policy】springboot+vue放宝塔面板

最新推荐文章于 2025-04-20 07:50:40 发布
原创 最新推荐文章于 2025-04-20 07:50:40 发布 · 279 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#nginx #springboot

本文探讨了在SpringBoot应用中处理跨域请求的问题。通过添加Access-Control-Allow-Origin配置，允许特定端口的请求访问。当增加新的端口时，成功实现了跨域。文中提到，在后端进行配置后，可能无需在Nginx层面额外配置，简化了部署流程。

先尝试加Access-Control-Allow-Origin的相关配置，如果不行再接着看，

我在springboot后端做了跨域处理，如图：

在allowedOriginPatterns添加了端口为9528的地址，而我后来添加了一个端口号为9527的网址，就跨域了，如图：

在后端配置的，就不需要在nginx配置了（大概） 

出现 has been blocked by CORS policy: No ‘Access-Control-Allow-Origin‘ header is present on the 解决方法
码农研究僧的博客
06-03 1万+
Access to XMLHttpRequest at 'http://127.0.0.1:5000/api/data' from origin 'http://10.197.0.79:8080' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
【Vue-Spring跨域Bug已解决】has been blocked by CORS policy: The value of the······
一键难忘的博客
04-12 2781
这个报错提示是因为在跨域请求中，请求头中设置了 withCredentials 参数为 true，表示跨域请求需要使用凭证（如 cookies、HTTP 认证等）。而在响应头中，Access-Control-Allow-Origin 的值不能是通配符 *，必须是具体的域名。另外，如果你在发送跨域请求时需要携带 cookies 或其他凭证，还需要在请求头中设置 withCredentials 参数为 true。如果需要全局配置跨域支持，应该使用上一条回答中提到的方式，在配置类中设置。
SpringBoot 静态资源 使用项目外部路径图片 跨域问题CORS 解决 been blocked by CORS policy header field authorization
心猿意码
05-25 7387
配置类 package com.zz.config; import org.springframework.beans.factory.annotation.Value; import org.springframework.context.annotation.Configuration; import org.springframework.web.servlet.config.annota...
【has been blocked by CORS policy】 解决后端使用spring boot + spring security 框架时的跨域问题
cheendf的博客
08-15 1123
在解决问题之前先了解一下什么是CORS， CORS即为了解决浏览器同源问题，W3C 提出的跨源资源共享，即 CORS(Cross-Origin Resource Sharing)。也就是在前后端分离的情况下，后端服务允许前端服务访问自己的资源。CORS 做到了如下两点：不破坏即有规则服务器实现了 CORS 接口，就可以跨源通信所以解决跨域问题的基本思路就是在请求头中加入以上内容：每个header 的值可以根据自己的需求指定，也可以使用 “*” 代替，表示全部通过。
vue+springboot实现项目的CORS跨域请求
10-18
主要介绍了vue+springboot实现项目的CORS跨域请求，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
spring boot前端访问出现跨域问题has been blocked by CORS policy
zaq977684的博客
04-06 3880
1、跨域问题has been blocked by CORS policy 解决方法：服务端配置一个跨域类，注意：需要把 .allowedOrigins("*")改成 .allowedOriginPatterns("*")// 允许所有域名 如下： /** * 跨域配置类 */ @Configuration public class CorsConfig { @Bean public WebMvcConfigurer corsConfigurer() {
Spring Boot解决has been blocked by CORS policy跨域问题
谷哥的小弟
11-27 5873
后台为Spring Boot项目，在前端进行访问时遇到跨域问题：...... has been blocked by CORS policy: No ‘Access-Control-Allow-Origin‘ ......
跨域问题 has been blocked by CORS policy The request client is not a secure context
m0_67393828的博客
03-02 1093
问题描述，前端请求后端接口出现了跨域，get请求是OK 的，POST 请求有问题。请求链路是前端请求接口先到服务端的网关系统，再由网关系统转发到其他业务系统中。 第一步、首先看两个相关的服务是不是没有加跨域的配置。经检查发现两台服务都加了跨域代码，如下： 业务系统解决跨域代码： @Configuration public class CorsConfiguration { @Bean public WebMvcConfigurer corsConfiguration() {
发送Promise请求出现以下错误origin ‘null‘ has been blocked by CORS policy
David_house的博客
03-10 1527
错误如下 Access to XMLHttpRequest at 'http://localhost:9090/data' from origin 'null' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. 问题 出现了跨域访问问题 解决方法 用express设置允许跨域访问服务，代码如下： // 引入express框架 var e
SpringBoot报错合集 | 跨域资源共享CORS | been blocked by CORS policy: No ‘Access-Control-Allow-Origin’
神马都会亿点点的毛毛张
10-20 1265
解决跨域问题的主要方式有以下几种：使用 CORS：这是最标准、推荐的方法，适用于大多数场景。JSONP：仅用于GET请求，较为简单，但存在安全隐患。代理服务器：通过前端与代理服务器的交互避免直接跨域。Nginx 反向代理：通过服务器配置代理请求，也是一种有效的解决方法。
springboot vue 跨域问题的解决
08-26
主要介绍了springboot vue 跨域问题的解决，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
SpringBoot解决跨域问题（has been blocked by CORS policy: Response to preflight request doesn‘t pass...）
热门推荐
whitek387的博客
02-16 2万+
SpringBoot中在包含有大量的注解，针对跨域问题，也提供了对应的注解@CrossOrigin @CrossOrigin源码参考： @Target({ ElementType.METHOD, ElementType.TYPE }) @Retention(RetentionPolicy.RUNTIME) @Documented public @interface CrossOrigin { String[] DEFAULT_ORIGINS = { "*" }; String[] DEF
解决跨域has been blocked by CORS policy: No ‘Access-Control-Allow-Origin‘，利用Proxy反向代理
我还起舞了的博客
11-21 4561
我们要配置反向代理的原因是：因为跨域问题我们直接拿不到跟我们不同域名不同端口号下的数据，这是浏览器的跨域限制，我们不能在浏览器上显示后端的数据，但是服务器端没有跨域限制，所以可以让我们自己的服务器（项目运行，会启动一台服务器），去请求后端服务器，拿到数据，然后再传给我们前端。反向代理服务器的应用：往这个接口发请求，被拦截到了，凡是往这个接口发请求的，反向代理服务器，会在前面加上target域名 ，往真实的地址去请求。在vue.config.js文件中进行以下配置proxy，具体配置信息可以看下文。
vue+springboot解决跨域
mrb1289798400的博客
09-05 881
跨域请求：顾名思义客户端请求不一样的域名会出现跨域失败； 解决办法： 第一：前端解决 点击参考 一：index.js下配置 proxyTable: { '/': { target: 'http://localhost:8088/', changeOrigin: true, pathRewrite: { '^...
Vue配合Springboot的跨域请求解决方案
最新发布
樱吹雪
04-20 446
跨域（Cross-Origin Resource Sharing，简称CORS）是指浏览器出于安全考虑，限制网页从一个域名（源）向另一个域名的资源发起请求的行为。这是由浏览器的同源策略​（Same-Origin Policy）引起的安全机制。同源策略要求请求的协议（HTTP/HTTPS）、域名（host）、端口（port）​三者必须完全相同，否则视为跨域。例如：http://a.com 请求 https://a.com → ​跨域​（协议不同）
Vue+SpringBoot解决跨域问题
08-14 251
SpringBoot package com.example.demo.util; import org.springframework.context.annotation.Configuration; import org.springframework.web.servlet.config.annotation.CorsRegistry; import org.springframework.web.servlet.config.annotation.WebMvcConfigurerAdapte
springboot-vue跨域详解
mahui_1980的专栏
12-03 2069
跨域是前端开发常见的问题，跨域的出现是为了安全，防止XSS、CSFR等攻击。 CSRF攻击 Cross-site request forgery,跨站请求伪装。 简单解释：当你登陆了银行网站，同时打开了网站A，网站A通过读取保存在本地的银行网站信息，发送请求到银行服务器，损害你的利益。网站A的动作就叫CSRF攻击。 XSS攻击:Cross-Site Scripting,跨站执行脚本,非目标用户使浏览器执行了不被预期的脚本。闲聊一句，看字面简写应该叫CSS攻击才对吧。 简单解释：当你登陆了银行网站，同时
SpringBoot+Vue的跨域问题
承蒙关照！
08-13 2122
后端服务器配置了CORS跨域策略，即可一劳永逸，前端无需配置跨域。因为对于简单请求来说，浏览器的同源策略，实际上是解析请求响应头上的是否是当前域名能访问的（*代表任何域名都可以访问而对于非简单请求，因为配置了CORS跨域策略，预检请求通过，实际的请求发起，后端在响应时设置了 ，浏览器会允许前端应用访问响应数据。
Vue+Springboot解决前后端跨域问题
CunTouB
04-22 1317
前端：使用的是ant design vue ，端口号为8000 后端：使用的是springboot框架开发，端口号为8080 需求：前端发送请求，后端可以进行处理，并返回结果 第一步，修改前端,前端测试的时候会使用Mock数据，现在进行前后端分离，就不再范文mock数据 修改.env.development文件 NODE_ENV=development VUE_APP_PREVIEW=false...
Vue报错has been blocked by CORS policy怎么解决
06-09
出现这个错误是因为浏览器的同源策略（Same Origin Policy）限制，Vue应用在跨域请求数据时被浏览器...以上是解决 Vue 报错has been blocked by CORS policy 的几种方法，具体需要根据项目情况选择合适的方式进行解决。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值