javascript - axios 请求被阻止 | 反应

Question

我正在尝试使用我的 reactjs 代码中的端点，axios但请求被阻止，并且我在控制台中收到以下错误。

请建议如何克服这个

下面是我的代码

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);
  })
}

标签： javascriptreactjsaxios

Answer 1

它工作正常，请检查here

Codesandbox：https ://codesandbox.io/s/muddy-dust-yvotv?file=/src/App.js

有时会出现此错误，因为您在浏览器中启动了 cors 的任何插件/扩展