ตั้งค่าส่วนหัว HTTP สำหรับคำขอเดียว


159

ฉันมีคำขอหนึ่งคำขอในแอปของฉันที่ต้องมีการตรวจสอบสิทธิ์พื้นฐานดังนั้นฉันจึงจำเป็นต้องตั้งค่าหัวข้อการให้สิทธิ์สำหรับคำขอนั้น ฉันอ่านเกี่ยวกับการตั้งค่าส่วนหัวคำขอ HTTPแต่จากสิ่งที่ฉันสามารถบอกได้มันจะตั้งค่าส่วนหัวนั้นสำหรับคำขอทั้งหมดของวิธีการนั้น ฉันมีสิ่งนี้ในรหัสของฉัน:

$http.defaults.headers.post.Authorization = "Basic QWxhZGRpbjpvcGVuIHNlc2FtZQ==";

แต่ฉันไม่ต้องการให้คำขอโพสต์ส่งคำขอส่วนหัวนี้ทุกครั้ง มีวิธีใดที่จะส่งส่วนหัวสำหรับคำขอเดียวที่ฉันต้องการ หรือฉันต้องลบออกหลังจากที่ขอมา?


คำตอบ:


320

มีพารามิเตอร์ส่วนหัวในวัตถุกำหนดค่าที่คุณส่งไป$httpสำหรับส่วนหัวต่อการโทร:

$http({method: 'GET', url: 'www.google.com/someapi', headers: {
    'Authorization': 'Basic QWxhZGRpbjpvcGVuIHNlc2FtZQ=='}
});

หรือด้วยวิธีลัด:

$http.get('www.google.com/someapi', {
    headers: {'Authorization': 'Basic QWxhZGRpbjpvcGVuIHNlc2FtZQ=='}
});

รายการของพารามิเตอร์ที่ถูกต้องมีอยู่ในเอกสารบริการ$ http


1
ฉันเดาว่าฉันควรจะดูหมอให้ใกล้หน่อย ... ฉันแค่พยายามใช้วิธีลัด มันใช้งานได้ดี ขอบคุณ
dnc253

17
@ dnc253 ใช้งานได้กับวิธีทางลัดด้วย รหัสจะเป็น$http.get('www.google.com/someapi', {headers: {'Authorization': 'Basic QWxhZGRpbjpvcGVuIHNlc2FtZQ=='}});
Yunchi

1
มีวิธีที่จะขยาย $ http (ในขณะที่รักษา "ฉีดได้" และไม่ต้องใช้มันกับคอลเลกชันส่วนหัวเริ่มต้น) เพื่อเพิ่มส่วนหัวนี้โดยอัตโนมัติหรือไม่? ดูเหมือนจะเป็นการซ้ำซ้อนที่จะต้องเพิ่มส่วนหัวสำหรับการโทรที่ปลอดภัยทุกครั้งที่คุณโทร
nokturnal

31
ไม่ได้ผลสำหรับฉัน ไม่มีส่วนหัวที่ฉันเพิ่มด้วยวิธีนี้ได้รับการเพิ่มลงในคำขอจริง
mcv

4
เมื่อใดก็ตามที่ฉันพยายามตั้งค่าส่วนหัวคำขอของฉันจะออกมาเป็นOPTIONคำขอดังนั้นจุดสิ้นสุดของฉันจะส่งคืน404 NOT FOUNDซึ่งทำให้รู้สึก: มันรู้เพียงGET /someResourceไม่OPTIONS /someResource
Matheus Felipe

19

ลองสิ่งนี้บางทีมันใช้งานได้)

.factory('authInterceptor', function($location, $q, $window) {


return {
    request: function(config) {
      config.headers = config.headers || {};

      config.headers.Authorization = 'xxxx-xxxx';

      return config;
    }
  };
})

.config(function($httpProvider) {
  $httpProvider.interceptors.push('authInterceptor');
})

และตรวจสอบให้แน่ใจว่าปลายด้านหลังของคุณทำงานด้วยลองนี้ ฉันใช้ RESTful CodeIgniter

class App extends REST_Controller {
    var $authorization = null;

    public function __construct()
    {
        parent::__construct();
        header('Access-Control-Allow-Origin: *');
        header("Access-Control-Allow-Headers: X-API-KEY, Origin, X-Requested-With, Content-Type, Accept, Access-Control-Request-Method, Authorization");
        header("Access-Control-Allow-Methods: GET, POST, OPTIONS, PUT, DELETE");
        if ( "OPTIONS" === $_SERVER['REQUEST_METHOD'] ) {
            die();
        }

        if(!$this->input->get_request_header('Authorization')){
            $this->response(null, 400);    
        }

        $this->authorization = $this->input->get_request_header('Authorization');
    }

}
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.