vue跨域发送axios请求如何获取服务器设置的cookie

发布于 2022-09-06 12:30:48 字数 1003 浏览 11 评论 0

我在做跨域访问服务器进行登录验证。
服务器端设置了cookie,如果不是跨域的情况,验证之后返回的cookie就可以返回到前端,并可以在页面查看。现在我是做的跨域访问,如何才能在前端获取cookie?
这是后台跨域配置:

const cors = require('cors') // 此处我的项目中使用express框架,跨域使用了cors npm插件
app.use(cors({
credentials: true,
origin: 'http://localhost:8080', // web前端服务器地址
// origin: '*' // 这样会出错
}))

下面是登录用户验证的接口中设置的cookie:

    if(results.length===1 && results[0].username==username &&results[0].password==pwd){
        // 数据库有该用户名的用户
        //设置cookie
          res.cookie('user', {'username':username}, { maxAge: 60000, httpOnly: false }) 
          res.send({state:'ok',message:'登录成功'});
        }
    else{
         // 数据库无此用户
        // console.log(5); 
        res.json({state:'no',message:'用户不存在,请先注册!'});          
    }  
    
请问如何才能在前端页面看到设置成功的cookie?    
       

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文