AngularJs跨域无法post解决方案

imvicchen2条评论 51,116 次浏览

用Angular构建后台应用,跨域调接口get数据正常,在做登陆post数据时浏览器提示缺少Access-Control-Allow-OriginAccess-Control-Allow-Headers头信息。

我们的服务端是PHP写的,经过调试(百度了一下),需要在接口处加入下面代码:

header('Access-Control-Allow-Origin: *');

header('Access-Control-Allow-Headers: X-Requested-With');

然后浏览器提示(我用的火狐调试,谷歌浏览器各有差异):

原因:来自 CORS 预检通道的 CORS 头 'Access-Control-Allow-Headers' 的令牌 'content-type' 无效

原因:CORS 请求失败

解决办法,需要在在AngularJs的$http里面添加如下头信息:

headers: {

'Content-Type': 'application/x-www-form-urlencoded'

}

耽搁一下午,终于测通。


2 thoughts on “ AngularJs跨域无法post解决方案 ”

  1. www.tonitech.com的站长

    果然

  2. 11

    :sad: :evil:

发表回复

? razz sad evil ! smile oops grin eek shock ??? cool lol mad twisted roll wink idea arrow neutral cry mrgreen