撒科打諢
2023-12-14 16:56:47
我試圖使用我的reactjs代碼中的端點(diǎn)axios,但請(qǐng)求被阻止,并且我在控制臺(tái)中收到以下錯(cuò)誤。請(qǐng)建議如何克服這個(gè)問題下面是我的代碼import * as React from 'react';import axios from "axios"export default function App(){ return ( <> <button onClick={fetchdata}>Click Me</button> </> )}function fetchdata(){ const axios = require('axios'); // Make a request for a user with a given ID return axios.get('https://randomuser.me/api') .then(response => { // handle success console.log(response); return response; }) .catch(error => { // handle error console.log(error); })}
2 回答

波斯汪
TA貢獻(xiàn)1811條經(jīng)驗(yàn) 獲得超4個(gè)贊
您收到此錯(cuò)誤的原因是因?yàn)?a >https://randomuser.me期望使用 https 協(xié)議來自安全來源的請(qǐng)求,并且默認(rèn)情況下 localhost 不會(huì)通過 https 運(yùn)行。如果不滿足這一點(diǎn),您的瀏覽器將作為警告/錯(cuò)誤返回。
但是,如果您使用以下方法生成了 React 項(xiàng)目,create-react-app
則可以在 package.json 中添加以下腳本:
"proxy": "https://randomuser.me"

萬千封印
TA貢獻(xiàn)1891條經(jīng)驗(yàn) 獲得超3個(gè)贊
工作正常,請(qǐng)檢查這里
Codesandbox:https://codesandbox.io/s/muddy-dust-yvotv?file=/src/ App.js
有時(shí)出現(xiàn)此錯(cuò)誤是因?yàn)槟跒g覽器中啟動(dòng)了 cors 的任何插件/擴(kuò)展
添加回答
舉報(bào)
0/150
提交
取消