問題描述

向后臺發(fā)送post請求時，只有一個options的請求，而沒有真的post請求，get請求可以成功。而如果用postman，post請求也可以請求成功。需要配置什么嗎。代碼如下：

發(fā)送post請求時：

發(fā)送get請求：

而在postman的環(huán)境下，post可以成功。

nodejs代碼如下：

var app = require(’express’)();var User = require('./users.js');app.post(’/users/login’,function (req,res) { res.setHeader(’Access-Control-Allow-Origin’, ’*’); res.send('foo'); console.log(res)})app.get(’/users/login’,function (req,res) { res.setHeader(’Access-Control-Allow-Origin’, ’*’); res.send('bar');})app.listen(’1090’,’127.0.0.1’);

前臺用的是angular的$http。想問的是，為什么post的時候，只有這個跨域的options啊

問題解答

首先搞清楚為啥會發(fā)一個options的請求(如果你已經(jīng)知道了就忽略好了)，以下是發(fā)送(Preflight request)的先決條件。

請求以 GET, HEAD 或者 POST 以外的方法發(fā)起請求。或者，使用 POST，但請求數(shù)據(jù)為 application/x-www-form-urlencoded, multipart/form-data 或者 text/plain 以外的數(shù)據(jù)類型。比如說，用 POST 發(fā)送數(shù)據(jù)類型為 application/xml 或者 text/xml 的 XML 數(shù)據(jù)的請求。

使用自定義請求頭（比如添加諸如 X-PINGOTHER）

由于GET請求沒有預(yù)請求，直接發(fā)送所以沒問題。你在后端需要處理的options的請求，并且?guī)螩ORS需要的那些頭，例如Access-Control-Allow-Origin等，這樣options的預(yù)請求成功之后，才會接著發(fā)送真正的post請求！！！

我自己有一個疑問，我看你后端的代碼是沒有處理options的請求的，但是你前端的狀態(tài)顯示這個請求是成功的！！！想知道這個是怎么弄的？

希望能幫到你

https://github.com/wxungang/n...

完整代碼