問題描述

angular的service是這樣定義的（定義loginModule在另一個(gè)文件里，所以這里只是引用，沒有寫第二個(gè)參數(shù)）：

angular.module(’loginModule’).factory(’askSecCode’,[’$resource’, function askSecCodeFactory($resource){return $resource(’http://192.168.31.108:8080/retailer/user/auth’,{},{crossOrigin:’Anonymous’,userName:’QD100’,userPass:’1234’,checkCode:’1234’}); }]);

在controller里面是這樣使用service的：

$scope.loginJump = function(info){ askSecCode.save({ userName:info.staffID, userPass:info.password, checkCode:info.security},function(){ console.log(’post sent’);} ); //TODO: ??[?????????????????????][????] //TODO: ????????location.assign();};

結(jié)果發(fā)出的請(qǐng)求如下：

而且請(qǐng)求結(jié)果是報(bào)錯(cuò)

我用jquery在同一位置請(qǐng)求是成功的，請(qǐng)求詳情如下，和angular的請(qǐng)求確實(shí)不一樣

求助：我如何讓angularjs發(fā)出的請(qǐng)求，像jquery那樣能被后端當(dāng)作CORS跨域請(qǐng)求接受？

問題解答

你的問題是由于header里的content-type不一致。在jquery里默認(rèn)是application/x-www-form-urlencoded，而在angular里默認(rèn)是application/json。你要想angular也和jquery發(fā)出的請(qǐng)求一樣，就把resources的header改一下吧

后端設(shè)置

header(’Access-Control-Allow-Origin:http://192.168.31.172:8000’);