我在發送 POST 請求時遇到 CORS 問題:
這是我的代碼:
import axios from 'axios'
const api = axios.create({
baseURL: 'http://localhost:8084',
})
export const postTip = async (payload) => {
try {
const { data } = await api.post(`post-tip`, payload);
return data;
} catch (e) {
return [];
}
};
我發現我需要Access-Control-Allow-Origin在標題中進行設定,我以兩種方式進行了設定。第一:
const api = axios.create({
baseURL: 'http://localhost:8084',
headers: {
post: {
"Access-Control-Allow-Origin": true
}
}
})
第二個:
const { data } = await api.post(`post-tip`, payload, {
headers: {
"Access-Control-Allow-Origin": true
}
});
他們都作業,在請求頭中我可以看到這一行Access-Control-Allow-Origin: true。但是我仍然收到這個錯誤,那么,有什么問題呢?
uj5u.com熱心網友回復:
來自后端的此錯誤,您使用來自前端的 axios 帖子,但您需要在后端設定標頭 "Access-Control-Allow-Origin": true。
uj5u.com熱心網友回復:
此錯誤可能來自服務器。您是否正在嘗試訪問自己的 api?如果你這樣做,錯誤可能就在那里。
我看到你標記了快遞所以請參考這個頁面它應該包含你需要的所有資訊
http://expressjs.com/en/resources/middleware/cors.html
轉載請註明出處,本文鏈接:https://www.uj5u.com/qita/312250.html
標籤:javascript 休息 表达 邮政 公理
下一篇:python之pil的使用
