您的位置:首页 > Web前端 > AngularJS

解决跨域访问session丢失问题

2017-08-27 21:35 429 查看
问题:

前后端两个项目,前段访问后端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,问题解决
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  angularjs