已被CORS策略阻止:pre - flight response中的Access-Control-Allow-Headers不允许请求头字段授权

想请问一下 就是我的vue项目在写登录接口时获取登录接口直接报错了

请问这个问题要怎么解决啊

跨域找后端解决一下

axios 实例加上 withCredentials: true
比如说

const http = axios.create({
    baseURL: 'your api path',
    timeout: 300000,
    withCredentials: true, 
})

在接口拦截器里加允许跨域的代码

 
        HttpServletResponse res = (HttpServletResponse) response;
// 跨域请求，*代表允许全部类型
        res.setHeader("Access-Control-Allow-Origin", "*");
        // 允许请求方式
        res.setHeader("Access-Control-Allow-Methods", "POST, GET, PUT, OPTIONS, DELETE");
        // 用来指定本次预检请求的有效期，单位为秒，在此期间不用发出另一条预检请求
        res.setHeader("Access-Control-Max-Age", "3600");
        // 请求包含的字段内容，如有多个可用哪个逗号分隔如下
        res.setHeader("Access-Control-Allow-Headers", "content-type,x-requested-with,Authorization, x-ui-request,lang");
        // res.setHeader("Access-Control-Allow-Headers",
        // "x-requested-with,Authorization");
        // 访问控制允许凭据，true为允许
        res.setHeader("Access-Control-Allow-Credentials", "true");
 

或者在vue.config.js文件里配置
传送门：https://blog.csdn.net/qq_43353619/article/details/111058749