React：本地阻止跨源

Question

这是我第一次在 Stack Overflow 上写文章。

我正在尝试使用 babel 在本地使用 React，但是当我尝试在浏览器中执行它时，出现了跨域请求被阻止的错误。

HTML:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>Test React</title>
    <script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
    <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js" ></script>
    <script crossorigin src="https://cdnjs.cloudflare.com/ajax/libs/babel-standalone/6.26.0/babel.js" ></script>
    <script type ="text/babel" src="app.js"></script>
  </head>
  <body>

    <div id="root"></div>

  </body>
</html>

我需要做什么？

Answer 1

您应该使用 Create react app 创建 React 应用程序

npx create-react-app my-app
cd my-app
npm start

它将修复所有这些错误

React：本地阻止跨源

React: Cross-Origin Blocked locally

reactjs

cross-origin-read-blocking