首頁猿問 ajax put請求的跨域問題

ajax put請求的跨域問題

JavaScript

蕪湖不蕪 2018-09-03 09:27:17

為什么下面的post沒問題，但是put請求會報錯：XMLHttpRequest cannot load http://localhost:8001/service. Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:63343' is therefore not allowed access.客戶端 $.ajax({ url: 'http://localhost:8001/man', method: 'POST', success: function (data) { console.log(data) } }); $.ajax({ url: 'http://localhost:8001/service', method: 'PUT', success: function (data) { console.log(data) } });服務端

查看完整描述

1 回答

ITMISS

TA貢獻1871條經(jīng)驗獲得超8個贊

問題在于預請求，在發(fā)起PUT請求之前會先發(fā)起一次OPTIONS請求，報錯是針對OPTIONS這次請求，請求沒有檢查到headers中設置的Access-Control-Allow-Origin。

解決辦法：
添加一個對于OPTIONS請求的處理

app.options('/service', function (req, res) {
    res.header("Content-Type", "application/json; charset=utf-8");
    res.header("Access-Control-Allow-Origin", "*");
    res.header("Access-Control-Allow-Methods", "GET, POST, PATCH, PUT, DELETE, OPTIONS");
});

反對回復 2018-10-27