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

最新推荐文章于 2025-04-20 07:50:40 发布
最新推荐文章于 2025-04-20 07:50:40 发布
阅读量252 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： 错误合集 文章标签： nginx springboot
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/syynb/article/details/125102008
本文探讨了在SpringBoot应用中处理跨域请求的问题。通过添加Access-Control-Allow-Origin配置，允许特定端口的请求访问。当增加新的端口时，成功实现了跨域。文中提到，在后端进行配置后，可能无需在Nginx层面额外配置，简化了部署流程。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

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

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

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

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

Nginx部署PHP服务端跨域以及跨域携带cookie
coderYYY的博客
12-04 362
前端技术栈Vue+后端技术栈PHPMysql鉴权以及存储信息用的sessioncookie服务器：宝塔Linux、Nginx以上为所用的技术，在本地开发没问题，但是部署到服务器就报错首先是跨域问题。
vue+springboot实现项目的CORS跨域请求
10-18
主要介绍了vue+springboot实现项目的CORS跨域请求，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
SpringBoot 静态资源 使用项目外部路径图片 跨域问题CORS 解决 been blocked by CORS policy header field authorization
心猿意码
05-25 7359
配置类 package com.zz.config; import org.springframework.beans.factory.annotation.Value; import org.springframework.context.annotation.Configuration; import org.springframework.web.servlet.config.annota...
Vue配合Springboot的跨域请求解决方案
最新发布
樱吹雪
04-20 393
跨域（Cross-Origin Resource Sharing，简称CORS）是指浏览器出于安全考虑，限制网页从一个域名（源）向另一个域名的资源发起请求的行为。这是由浏览器的同源策略​（Same-Origin Policy）引起的安全机制。同源策略要求请求的协议（HTTP/HTTPS）、域名（host）、端口（port）​三者必须完全相同，否则视为跨域。例如：http://a.com 请求 https://a.com → ​跨域​（协议不同）
【has been blocked by CORS policy】 解决后端使用spring boot + spring security 框架时的跨域问题
cheendf的博客
08-15 1043
在解决问题之前先了解一下什么是CORS， CORS即为了解决浏览器同源问题，W3C 提出的跨源资源共享，即 CORS(Cross-Origin Resource Sharing)。也就是在前后端分离的情况下，后端服务允许前端服务访问自己的资源。CORS 做到了如下两点：不破坏即有规则服务器实现了 CORS 接口，就可以跨源通信所以解决跨域问题的基本思路就是在请求头中加入以上内容：每个header 的值可以根据自己的需求指定，也可以使用 “*” 代替，表示全部通过。
spring boot前端访问出现跨域问题has been blocked by CORS policy
zaq977684的博客
04-06 3846
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 5759
后台为Spring Boot项目，在前端进行访问时遇到跨域问题：...... has been blocked by CORS policy: No ‘Access-Control-Allow-Origin‘ ......
在华为云服务器上通过宝塔面板部署Node.js项目的完整流程
qq_52686989的博客
07-02 3430
直接访问自己部署的页面了。
THINKPHP 跨域报错解决方案
02-29 1418
报错：has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource.php在批量导入excel数据更新时偶尔会出现这个问题，出现时间不定，中间件都配置了跨域还是不行。按照官网给出的例子，在中间件配置允许跨域。
Nginx解决Vue和Laravel之间的跨域问题
juesystem的专栏
01-21 648
前端JS跨域可以说是一个很古老的问题，网上一搜索会出来一大堆，各种都有，但大多都是涉及篇幅； 以下针对配置Nginx来解决Vue和Laravel之间的跨域问题； 示例（这是举例的域名，不要太在意哈，其它内容是真实能解决问题）： 前端Vue域名：http://www.sample.cn 后端服务域名：http://api.sample.cn 问题情况（前端出现的问题情况，我这里是http://www.sample.cn）： Access to XMLHttpRequest at 'http.
SpringBoot报错合集 | 跨域资源共享CORS | been blocked by CORS policy: No ‘Access-Control-Allow-Origin’
神马都会亿点点的毛毛张
10-20 1137
解决跨域问题的主要方式有以下几种：使用 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
vue+springboot解决跨域
mrb1289798400的博客
09-05 855
跨域请求：顾名思义客户端请求不一样的域名会出现跨域失败； 解决办法： 第一：前端解决 点击参考 一：index.js下配置 proxyTable: { '/': { target: 'http://localhost:8088/', changeOrigin: true, pathRewrite: { '^...
Vue+SpringBoot解决跨域问题
08-14 232
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 2021
跨域是前端开发常见的问题，跨域的出现是为了安全，防止XSS、CSFR等攻击。 CSRF攻击 Cross-site request forgery,跨站请求伪装。 简单解释：当你登陆了银行网站，同时打开了网站A，网站A通过读取保存在本地的银行网站信息，发送请求到银行服务器，损害你的利益。网站A的动作就叫CSRF攻击。 XSS攻击:Cross-Site Scripting,跨站执行脚本,非目标用户使浏览器执行了不被预期的脚本。闲聊一句，看字面简写应该叫CSS攻击才对吧。 简单解释：当你登陆了银行网站，同时
SpringBoot+Vue的跨域问题
承蒙关照！
08-13 1993
后端服务器配置了CORS跨域策略，即可一劳永逸，前端无需配置跨域。因为对于简单请求来说，浏览器的同源策略，实际上是解析请求响应头上的是否是当前域名能访问的（*代表任何域名都可以访问而对于非简单请求，因为配置了CORS跨域策略，预检请求通过，实际的请求发起，后端在响应时设置了 ，浏览器会允许前端应用访问响应数据。
Vue+Springboot解决前后端跨域问题
CunTouB
04-22 1288
前端：使用的是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应用在跨域请求数据时被浏览器拦截了。解决这个问题有几种方法： 1. 在后端设置允许跨域访问。可以在后端服务器的响应头中添加 Access-Control-Allow-Origin 字段，允许指定的域名访问数据。 2. 使用代理。在 Vue 应用中配置一个代理，将请求转发到后端服务器，避免跨域问题。可以使用 Vue 自带的代理插件 vue-cli-plugin-proxy 或者自己手动配置代理。 3. 使用 JSONP。JSONP 是一种跨域请求数据的方法，可以通过动态创建 script 标签来获取数据，但只支持 GET 请求。 4. 使用 CORS 跨域资源共享。CORS 是一种新的跨域请求数据的方式，可以在前端和后端同时进行设置，支持各种类型的请求，但需要浏览器支持。 以上是解决 Vue 报错has been blocked by CORS policy 的几种方法，具体需要根据项目情况选择合适的方式进行解决。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值