axios跨域请求之credentials

2020-11-28 13:31:38 阅读：324 来源： 互联网

标签：axios 跨域 cookie 设置 WebMvcConfigurer credentials 请求

问题描述：
在使用Spring Security时，实现前后端分离出现跨域问题，在Controller添加了跨域注解@CrossOrigin,但是登录成功后没有权限访问想要的接口，在没有前后端分离的情况下是可以正常访问，后来查阅资料发现默认情况下，标准的跨域请求是不会发送cookie等用户认证凭据的。所以服务器就默认你是没有登录的，不具备访问权限的。

解决办法：
1、前段请求设置：
在axios请求是设置参数：

 axios({
         method:'get',
         url:`${this.content_path}/authority/getauth`,
         withCredentials:true//*设置这个参数，让跨域请求携带cookie，因为cookie中包含了登录的信息
       })

2、后端同样要做设置。

//表示允许跨域请求
    @Bean
    public WebMvcConfigurer WebMvcConfigurer(){
        return new WebMvcConfigurer() {
            @Override
            public void addCorsMappings(CorsRegistry registry) {
                registry.addMapping("/**")
                .allowedHeaders("*")
                .allowCredentials(true);//表示允许请求携带cookie
            }
        };
    }

如果还未解决，可参考下一个

标签：axios,跨域,cookie,设置,WebMvcConfigurer,credentials,请求
来源： https://blog.csdn.net/weixin_42449408/article/details/110265163

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

axios跨域请求之credentials