若依框架接⼊前端报错401请求访问：error，认证失败，⽆法访问系统资源，有
可能是这个原因
⾃定义的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注解nginx部署前端项目
@CrossOrigin(origins ="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);
}
⼆、按照上⾯进⾏配置了还是不⾏，最后发现 l ⽂件配置token的header 字段是 Authorization，⽽我的请求接⼝正好⽤了这个字段，所以系统就强制按照token 进⾏解析，最后就报错了
解决办法：
去掉前端请求头中携带的header 字段Authorization，改成别的字段即可 如：access-Token，这样⾃定义进⾏验证即可
三、补充⼀下nginx 的配置
#nginx 配置跨域处理
location /api/{
add_header 'Access-Control-Allow-Origin''*';
proxy_pass /api/;
}
#刷新vue 404的解决办法
location /{
index index.html index.htm;
try_files $uri$uri/ /index.html;
}

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。