若依框架接入前端 报错401 请求访问:error,认证失败,无法访问系统资源,有可能是这个原因

31 篇文章 0 订阅

自定义的api、按照官方的配置跨域
一、三种方式配置跨域-官方代码
1、单个控制器方法CORS注解

@RestController
@RequestMapping("/system/test")
public class TestController {
    @CrossOrigin
    @GetMapping("/{id}")
    public AjaxResult getUser(@PathVariable Integer userId) {
        // ...
    }
	@DeleteMapping("/{userId}")
    public AjaxResult delete(@PathVariable Integer userId) {
        // ...
    }
}

2、整个控制器启用CORS注解

@CrossOrigin(origins = "http://ruoyi.vip", maxAge = 3600)
@RestController
@RequestMapping("/system/test")
public class TestController {
    @GetMapping("/{id}")
    public AjaxResult getUser(@PathVariable Integer userId) {
        // ...
    }
	@DeleteMapping("/{userId}")
    public AjaxResult delete(@PathVariable Integer userId) {
        // ...
    }
}

3、全局CORS配置(在ResourcesConfig重写addCorsMappings方法)

/**
 * web跨域访问配置
 */
@Override
public void addCorsMappings(CorsRegistry registry)
{
	// 设置允许跨域的路径
	registry.addMapping("/**")
			// 设置允许跨域请求的域名
			.allowedOrigins("*")
			// 是否允许证书
			.allowCredentials(true)
			// 设置允许的方法
			.allowedMethods("GET", "POST", "DELETE", "PUT")
			// 设置允许的header属性
			.allowedHeaders("*")
			// 跨域允许时间
			.maxAge(3600);
}

二、按照上面进行配置了还是不行,最后发现 application.yml 文件配置token的header 字段是 Authorization,而我的请求接口正好用了这个字段,所以系统就强制按照token 进行解析,最后就报错了
解决办法:
去掉前端请求头中携带的header 字段Authorization,改成别的字段即可 如:access-Token,这样自定义进行验证即可
三、补充一下nginx 的配置

#nginx 配置跨域处理
location /api/{
     add_header 'Access-Control-Allow-Origin' '*';
     proxy_pass http://p1xj1.12natapp1.cc/api/;
}
#刷新vue 404的解决办法
location /{
     index index.html index.htm;
     try_files $uri $uri/ /index.html;
}
  • 1
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值