慕的地8271018
2022-07-01 16:54:52
添加到數據庫顯示錯誤。我應該怎么辦?CORS 策略阻止從源“http://localhost:3000”獲取“http:xxx”的訪問權限:對預檢請求的響應未通過訪問控制檢查:沒有“Access-Control-Allow-Origin”標頭存在于請求的資源上。如果不透明的響應滿足您的需求,請將請求的模式設置為“no-cors”以獲取禁用 CORS 的資源。我的功能:addItem = (e) => { e.preventDefault(); const ob = { X: 53.0331258, Y: 18.7155611, } fetch("http://xxx", { method: "post", headers: { "Content-Type": "application/json" }, body: JSON.stringify(ob) }) .then(res => res.json()) .then(res => { console.log(res); })}
4 回答

牛魔王的故事
TA貢獻1830條經驗 獲得超3個贊
嘗試使用“no-cors”模式。
fetch('http://localhost:8080/example', {
mode: 'no-cors',
method: "post",
headers: {
"Content-Type": "application/json"
},
body: JSON.stringify(ob)
})

繁星coding
TA貢獻1797條經驗 獲得超4個贊
您的服務器應響應如下所示的響應
Access-Control-Allow-Origin: https://localhost:3000
在您能夠將其配置為解決方法之前,您可以安裝以下 chrome 擴展程序以恢復測試
https://chrome.google.com/webstore/detail/who-cors/hnlimanpjeeomjnpdglldcnpkppmndbp?hl=en-GB
但以上只是繼續開發的一種變通方法
我建議您閱讀這篇文章以了解 CORS https://javascript.info/fetch-crossorigin

翻翻過去那場雪
TA貢獻2065條經驗 獲得超14個贊
我通過安裝cors
節點模塊并將其添加到請求的服務器上解決了這個問題
const cors = require("cors"); app.use(cors());

陪伴而非守候
TA貢獻1757條經驗 獲得超8個贊
你必須安裝cors。
npm install cors
在主腳本 index.js 或 app.js 中
const cors = require("cors"); app.use(cors());
添加回答
舉報
0/150
提交
取消