亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

CORS 策略已阻止訪問從源“http://localhost:3000”獲取

CORS 策略已阻止訪問從源“http://localhost:3000”獲取

慕的地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)

 })


查看完整回答
反對 回復 2022-07-01
?
繁星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


查看完整回答
反對 回復 2022-07-01
?
翻翻過去那場雪

TA貢獻2065條經驗 獲得超14個贊

我通過安裝cors節點模塊并將其添加到請求的服務器上解決了這個問題

const cors = require("cors");
app.use(cors());


查看完整回答
反對 回復 2022-07-01
?
陪伴而非守候

TA貢獻1757條經驗 獲得超8個贊

你必須安裝cors。

npm install cors

在主腳本 index.js 或 app.js 中

const cors = require("cors");
app.use(cors());


查看完整回答
反對 回復 2022-07-01
  • 4 回答
  • 0 關注
  • 264 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號