解决跨域访问session丢失问题

最新推荐文章于 2024-12-10 22:05:31 发布

原创最新推荐文章于 2024-12-10 22:05:31 发布 · 3.8k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#angularjs

本文介绍了一种在使用AngularJS前端与Express后端进行交互时遇到的跨域权限检查问题及解决方案。通过调整Express配置允许特定来源并启用凭证携带功能，结合AngularJS中配置请求以支持凭证发送，实现了有效解决跨域带来的权限验证失败的问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

问题：

前后端两个项目，前段访问后端api，前段用angularjs 后端用的express，设置res.header("Access-Control-Allow-Origin", “*”)；可以跨域访问，正常查询数据库返回。

但是遇到有权限检查的api就不行，一直提示需要登陆。

搜了下资料，是因为跨域问题，每次get或post server都会新建session，而权限检查是基于session的，于是就有问题了，

解决：

express部分

app.all('*', function(req, res, next) {
    res.header("Access-Control-Allow-Origin", req.headers.origin);//不能设置为*，必须是具体的地址
    res.header('Access-Control-Allow-Methods', 'PUT, GET, POST, DELETE, OPTIONS');
    res.header("Access-Control-Allow-Headers", "X-Requested-With");
    res.header('Access-Control-Allow-Headers', 'Content-Type');
    res.setHeader('Access-Control-Allow-Credentials', true);//设置为true，可以跨域带上cookie

申请端

http.post("http://192.168.0.201:3000/crm/staff/login",this.user,{withCredentials:true})
.toPromise()
.then(response=>{console.log(response);return response.text()});

增加withCredentials:true 即可，两边设置好之后，可以正常保存session，问题解决