尝试解决Spring Boot+Vue跨域问题记录

文章描述了一位开发者遇到的跨域问题,最初认为是后端CORS配置问题,实现了WebMvcConfigurer接口并调整了相关设置。然而,问题并非出在跨域的常规原因(域名或端口不同)。经过更新前端代码,将localhost更改为localhost:8080后,解决了报错。最终,发现是Vue2中的语法错误导致的问题,特别是关于function与箭头函数的误用。
摘要由CSDN通过智能技术生成

 问题如图,后端代码中已完成

实现WebMvcConfigure接口,重写addCorsMappings方法
@Configuration
public class CorsConfig implements WebMvcConfigurer {
    @Override
    public void addCorsMappings(CorsRegistry registry) {
        registry.addMapping("/**")
//                .allowedOriginsPatterns("*")
                .allowCredentials(true)
                .allowedOrigins("*")
                .allowedMethods("GET","HEAD","POST","PUT","DELETE","OPTIONS")
                .allowCredentials(true)
                .maxAge(3600)
                .allowedHeaders("*");
    }
}

项目正常启动,且之前能够实现登录

报错内容指出是跨域问题 但即不是域名不同也不是端口不同(?可能)

尝试前端代码修改方法,失败 

6/19更新

上述问题不能算跨域 前端代码设置的...localhost/... 改为...localhost:8080/...后解决了上述报错

现阶段问题

error submit! 但是后端端口测试返回的内容 与data中内容都是代表请求成功 陷入新问题 

最终发现是语法错误。。。。。vue2中function()与=>的使用。。。 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值