码迷,mamicode.com
首页 > Web开发 > 详细

关于AngularJS中$http跨域 与 nodejs接收跨域请求(使用express-session,body-parser)的设置

时间:2016-06-06 23:33:18      阅读:517      评论:0      收藏:0      [点我收藏+]

标签:

1.跨域的服务端设置:

使用express挂载跨域响应中间件

app.all("*", function (req,res,next) {
    res.header(‘Access-Control-Allow-Credentials‘, true);// 接受携带Cookie的请求
    res.header("Access-Control-Allow-Origin", "http://localhost:3000,http://192.168.1.100:3000");// 设置允许访问的Origin Domain,多个Origin用逗号(,)分隔,Domain结尾不要加斜杠(/)
    res.header("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept");
    res.header("Access-Control-Allow-Methods", "PUT,POST,GET,DELETE,OPTIONS");
    next();
});

2.$http的general用法:

$http({
    url:"http://localhost:3005/login",
    method:"POST",
    withCredentials: true,
    // 允许发送Cookie
    headers: {
        ‘Content-Type‘: ‘application/x-www-form-urlencoded‘
    },
    data: {
        username:$scope.username,
        password:$scope.password
    },
    // 使数据匹配body-parser的形式,否则会解析错误拿不到数据,如果不用这一个方法,数据会被解析成一个{key:value}的json,key是整个数据的字符串,而value是空.
    transformRequest: function(obj) {
        var str = [];
        for(var p in obj){
            str.push(encodeURIComponent(p) + ‘=‘ + encodeURIComponent(obj[p]));
        }
        return str.join(‘&‘);
    }
}).success(function (data) {
    if (data.status == 1) {
        alert("登录失败");
    } else {
        alert("登录成功");
    }
});

 

关于AngularJS中$http跨域 与 nodejs接收跨域请求(使用express-session,body-parser)的设置

标签:

原文地址:http://www.cnblogs.com/Totooria-Hyperion/p/5565319.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!