(vite)后端的controller加了@CrossOrigin还是显示跨域错误问题

本文分享了在使用 Vite 开发过程中遇到的代理配置问题及解决方案。作者通过调整 API 路径的一个简单斜杠,成功解决了跨域难题。

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

----------------------------------捣鼓了vite的proxy代理失败一天一夜之后----------------------------------------

终于找到了错误根源。。。坑死我了,我就说后端明明跨域了,一个小小的破斜杠。。。。解决方法感谢这位老哥,/findAll改成/findAll/

 

----------------------------------------------后来又设置了一下vite的proxy--------------------------------------------

 

 

 

package main.java.com.example.floodsystem.controller; import main.java.com.example.floodsystem.repository.MonitorPointRepository; import main.java.com.example.floodsystem.repository.ResponsePlanRepository; import main.java.com.example.floodsystem.repository.WarningRepository; @RestController @RequestMapping("/api") @CrossOrigin(origins = "*") public class FloodController { @Autowired private WarningRepository warningRepository; @Autowired private ResponsePlanRepository responsePlanRepository; @Autowired private MonitorPointRepository monitorPointRepository; // 所有API方法... } package main.java.com.example.floodsystem.controller; import main.java.com.example.floodsystem.repository.MonitorPointRepository; import main.java.com.example.floodsystem.repository.ResponsePlanRepository; import main.java.com.example.floodsystem.repository.WarningRepository; @RestController @RequestMapping("/api") @CrossOrigin(origins = "*") public class FloodController { @Autowired private WarningRepository warningRepository; @Autowired private ResponsePlanRepository responsePlanRepository; @Autowired private MonitorPointRepository monitorPointRepository; // 所有API方法... }package main.java.com.example.floodsystem.model; @Entity @Data public class MonitorPoint { @Id @GeneratedValue(strategy = GenerationType.IDENTITY) private Long id; private String name; private double latitude; private double longitude; private double waterLevel; private double warningLevel; private double floodLevel; private Date updateTime; }package main.java.com.example.floodsystem.model; @Entity @Data public class ResponsePlan { @Id @GeneratedValue(strategy = GenerationType.IDENTITY) private Long id; private String name; private String level; private String description; private String responsibleDept; private Date createdTime; }package main.java.com.example.floodsystem.model; import java.sql.Date; @Entity @Data public class Warning { @Id @GeneratedValue(strategy = GenerationType.IDENTITY) private Long id; private String title; private String content; private String level; private Date issueTime; private String region; private String status; }package main.java.com.example.floodsystem.repository; import main.java.com.example.floodsystem.model.MonitorPoint; import java.util.List; public interface MonitorPointRepository extends JpaRepository<MonitorPoint, Long> { List<MonitorPoint> findByWaterLevelGreaterThan(double level); }package main.java.com.example.floodsystem.repository; import main.java.com.example.floodsystem.model.ResponsePlan; import java.util.List; public interface ResponsePlanRepository extends JpaRepository<ResponsePlan, Long> { List<ResponsePlan> findByLevel(String level); }package main.java.com.example.floodsystem.repository; import main.java.com.example.floodsystem.model.Warning; import java.util.List; public interface WarningRepository extends JpaRepository<Warning, Long> { List<Warning> findByStatus(String status); } { "dependencies": { "axios": "^1.6.7", "element-plus": "^2.6.1", "vue": "^3.4.21", "vue-router": "^4.3.0", "leaflet": "^1.9.4", "vue-axios": "^3.5.2" }, "devDependencies": { "@vitejs/plugin-vue": "^5.0.4", "vite": "^5.1.6" } }<dependencies> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-web</artifactId> </dependency> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-data-jpa</artifactId> </dependency> <dependency> <groupId>mysql</groupId> <artifactId>mysql-connector-java</artifactId> <scope>runtime</scope> </dependency> <dependency> <groupId>org.projectlombok</groupId> <artifactId>lombok</artifactId> <optional>true</optional> </dependency> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-test</artifactId> <scope>test</scope> </dependency> <dependency> <groupId>org.projectlombok</groupId> <artifactId>lombok</artifactId> <version>1.18.30</version> <!-- 使用最新版本 --> <scope>provided</scope> </dependency> </dependencies>这是一个防汛抗洪系统的代码,纠错并给出完整代码
最新发布
07-08
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值