记录关于@PathVariable和前端的跨域问题

最新推荐文章于 2022-11-14 22:01:32 发布
最新推荐文章于 2022-11-14 22:01:32 发布
阅读量367 收藏
点赞数
分类专栏： java 文章标签： java
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/a88328734/article/details/108198475
版权

今天在写前端代码时遇到控制台报错
Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource.
从网上查原因是发生了跨域-
在本地写的代码，也没有配置网关，所以使用的是注解@CrossOrigin来解决的，但是为什么还会出现这个错误呢？
后来自己就想，是不是因为post，get请求接错了呢？但是post，get等请求方式错了后台也不应该接收不到请求啊~
再然后就改参数，前端传来的参数是'http://127.0.0.1:8001/deleteMenuById/1195269295926206466'形式

用

@PostMapping("/deleteMenuById/{id}")

注解接收，然后发现跨域问题没了，，没了，，，后台也可以接收到请求了，，懵逼，，，由于本身前端水平比较差劲，所以没有找到原因，特此记录一下。。以后发现答案以后会加上  2020年8月24日14:28:49 
有哪位大佬知道原因的话也可以告诉我一下

万年前少年
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Vue通过axios发送post请求出现跨域问题
weixin_45893787的博客
08-15 3260
在使用axios发送post请求时会出现跨域问题，报错如：Failed to load http://192.168.33.10:8009/api/token: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:8080' i
如何用Nginx解决前端跨域问题
09-30
总之，利用Nginx解决前端跨域问题是一种常见的实践方式，它允许我们在不影响应用功能的前提下，灵活地处理跨域请求，为开发和部署提供了便利。在实际操作中，根据具体需求，可能还需要关注其他Nginx配置项，如添加...
@PathVariable
weixin_30600197的博客
05-08 970
作用：可以通过url占位符中的参数，绑定到处理器方法的参数中 @GetMapping("/{id}") public Shop getShop(@PathVariable("id") int id){ Shop shop = shopService.findShop(id); return shop; } 转载于:https://...
@PathVarable&@ResquestParam
peopleware1的博客
03-11 390
@PathVariable @RequestMapping(value = "/{id}",method = RequestMethod.GET) public UserDto getById(@PathVariable("id") Long id){ ... } @RequestParam 参数都使用@RequestParam注入,那么地址的拼写是不需要加参数的。 @R...
SpringBoot 注解@PathVaribale/@RequestParam/@GetMapping介绍
chenhanxu7855的博客
12-04 280
@PathVariable 获取url中/形式，即restful格式的路径参数，使用此注解需要知道请求路径的格式 格式是：(@PathVarible(“id”) int id) 通过@PathVariable注解来获取URL中的参数时的前提条件是我们知道url的格式时怎么样的。 只有知道url的格式，我们才能在指定的方法上通过相同的格式获取相应位置的参数值。 @RequestParam 获取请求中...
跨域问题以及解决方案
lixianhe的博客
05-11 1万+
SpringBoot解决跨域问题（四种方案）
@CrossOrigin解决跨域问题
06-22
使用@CrossOrigin注解解决前后台分离中的跨域问题
利用Nginx代理如何解决前端跨域问题详析
01-09
在这种模式下，前端和后端各自独立开发，前端通过Ajax请求后端的API接口获取数据。然而，由于浏览器的同源策略限制，不同源的域名之间不能直接进行Ajax通信，这就产生了跨域问题。为了解决这一问题，我们可以利用...
解决前端跨域问题方案汇总
09-01
前端跨域问题是指浏览器实施的一种安全策略，即同源策略，它限制了来自不同源的“文档”或脚本相互交互。同源策略是为了防止恶意网站通过脚本获取其他网站的数据，从而保护用户的信息安全。同源策略的基本规则包括：...
spring cloud实现前端跨域问题的解决方案
08-28
Spring Cloud 实现前端跨域问题的解决方案 在前后端分离的架构中，当我们需要将 Spring Boot 以 RESTful 接口的方式对外提供服务时，跨域问题就会出现。那么，如何来解决跨域的问题呢？下面我们将介绍三种解决方案...
前后端路径传值问题@PathVariable
Marryme丿任
11-14 559
前后端路径传值问题@PathVariable。
Spring MVC 4.2 增加 CORS 支持
dawuafang
01-03 547
Spring MVC 4.2 增加 CORS 支持 跨站 HTTP 请求(Cross-site HTTP request)是指发起请求的资源所在域不同于该请求所指向资源所在的域的 HTTP 请求。比如说，域名A(http://domaina.example)的某 Web 应用程序中通过标签引入了域名B(http://domainb.foo)站点的某图片资源(http://domainb.foo...
Vue+SpringBoot使用注解@CrossOrigin解决跨域问题
努力学习中
04-27 950
背景：前台vue使用本地8082端口，后台使用8080端口，这样前台访问后台时候就产生了跨域问题。这里是从后台解决跨域问题。 @RestController @CrossOrigin //这个注解解决了跨域问题 @RequestMapping("/account") public class AccountController { @GetMapping("/{id}") public Account retrieve(@PathVariable Long id) { //
Controller层接收前端传参的几种方法。@RequestParam、@RequestBody、@PathVariable。及参数校验。
努力努力，努力努力的博客
08-16 1万+
后端接收前端参数，接收参数方式，及参数校验
SpringBoot中获取前端发来的值 @PathVariable写法
陌心的博客
11-10 1321
用一般的Servlet 我们知道，获取前端发来的值 一般用request.getParameter(arg0) SpringBoot中 给我们提供了注解方式的传值，@PathVariable 前台页面 <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%&gt...
工作解决问题,springboot使用@PutMapping的时候.前端要传进来一个路径变量@PathVariable,以及JSON数据,java后端要如何接收参数
热门推荐
一夜听风雨2019的博客
05-22 2万+
理论上传过来的数据是 { “newPassword”: “123”, “oldPassword”: “123” } 但是如果把controller写成这样的话 @ApiOperation("修改密码") @PutMapping("/password/{id}") public Account editPassword(@PathVariable(value = "id") ...
注解@CrossOrigin解决跨域问题
weixin_30668887的博客
06-11 2141
注解@CrossOrigin 　　出于安全原因，浏览器禁止Ajax调用驻留在当前原点之外的资源。例如，当你在一个标签中检查你的银行账户时，你可以在另一个选项卡上拥有EVILL网站。来自EVILL的脚本不能够对你的银行API做出Ajax请求（从你的帐户中取出钱！）使用您的凭据。 　　跨源资源共享（CORS）是由大多数浏览器实现的W3C规范，允许您灵活地指定什么样的跨域请求被授权，而不是使用一些不...
CORS解决前端跨域问题
最新发布
07-27
CORS（跨源资源共享）是一种机制，用于解决前端跨域问题。前端跨域问题指的是浏览器限制了从不同源（域、协议或端口）加载的资源之间的交互。 要解决前端跨域问题，有几种方法可以使用： 1. 服务器端设置响应头：在服务器端，可以设置响应头来允许特定的源访问资源。通过设置`Access-Control-Allow-Origin`响应头，指定允许访问的源。例如，设置为`Access-Control-Allow-Origin: *`表示允许所有源访问资源。 2. JSONP：JSONP（JSON with Padding）是一种通过动态创建`<script>`标签来加载跨域脚本的技术。由于`<script>`标签没有同源策略限制，因此可以加载不同源的脚本。服务器端需要将返回数据包装在函数调用中，并通过回调函数将数据传递给前端。 3. 代理服务器：可以设置一个代理服务器，将前端请求转发到目标服务器，并将响应返回给前端。由于代理服务器和目标服务器在同一个域下，因此不存在跨域问题。 4. WebSocket：使用WebSocket协议可以在浏览器和服务器之间建立双向通信的连接，而不受同源策略限制。 这些方法中，服务器端设置响应头是最常用的解决跨域问题的方法。其他方法在特定场景下也有应用的价值。需要根据具体情况选择适合的方法来解决前端跨域问题。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值