今天 时间8.29
记录下成长的‘美地’事。。。。。。。。
跨域问题
今天做公司的车生活项目技术用的springboot支持前后端分离(不知手机端怎么做没研究过(^/^) ) 前端做跨域想着后台就不用跨域了(哎 菜比)
结果:被打脸最好的方法是前端做跨域后台也要做跨域【当然 做项目的时候springMVC 版本在4.0以上就可以在控制层也就是controller 加上一个注解(后面会讲到)】
先贴下我们当时前端后端做跨域的代码把 哎 程长是如此重要
@Override
public void addCorsMappings(CorsRegistry registry) {
registry.addMapping("/**")
.allowedOrigins("*")
.allowedHeaders("*")
.allowCredentials(true)
.allowedMethods("*")
.maxAge(3600);
}
前端跨域的代码
const instance = axios.create({
baseURL: 'http://127.0.0.1:8085',
timeout: 10000,
});
厉害的神棍们肯定一眼看出了 对就是它就是它 前端没有配置cookies
正确的代码
const instance = axios.create({
baseURL: 'http://127.0.0.1:8085',
timeout: 10000,
withCredentials: true // 允许跨域带上cookies
});
注意哦 有时可能时前台配置而后台没有配置 未来的神棍记住了 两边都要配置.allowCredentials(true) //是允许跨域带上cookies
当然这个是一次处理就好
要是这种方法不行还有一种方法但是这个发那个发有些繁琐那就是加个注解@CrossOrigin 可以直接在controller层上面加上也可以用过继承进行间接的
加上注解
好了 今天先记录到这 为以后的我送上两个网站
1.是有关跨域的问题(最上面问题解读的连接)
https://www.jianshu.com/p/e102fd47150b
2.有关注解@CrossOrigin注解的相关的网址
https://www.cnblogs.com/mmzs/p/9167743.html