ReactJs:-无法加载js资源:服务器响应状态为403(禁止)

时间:2019-04-15 10:33:42

标签: html reactjs webserver

我开始学习react.js,并且正在做一个简单的Hello程序。

Traceback (most recent call last):
  File "_", line 10, in <module>
    num = int((4 ** n) / 4)
OverflowError: integer division result too large for a float

Process finished with exit code 1

但是我遇到了两个脚本标记的问题,

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title></title>
  </head>
  <body>
    <div id="hello_container" class=""></div>
    <script src="https://unpkg.com/react@16/umd/react.development.js" ></script>
    <script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js" ></script>
    <script>
      class Hello extends React.Component {
        constructor(props) {
          super(props);
        }
        render() {
          return React.createElement(
            'div',
            null,
            `Hello ${this.props.name}!`
          );
        }
      }
      ReactDOM.render(React.createElement(Hello, {name: 'React'}, null), document.querySelector('#hello_container'));
    </script>
  </body>
</html>
  

无法加载资源:服务器的响应状态为403   (禁止)
  未捕获的ReferenceError:未定义React

我在Google上发现了一些东西,可以在Web服务器(https://)上运行html代码,而不是从文件系统(file:///)中运行

所以我以 python3 -m http.server 1234 的身份运行本地Web服务器 它奏效了。我得到的输出为Hello React!。

但是我想知道为什么从文件系统运行代码时为什么会出现禁止错误?

是否与同一来源允许访问相关?
在文件系统和Web服务器上运行html代码有何不同?

0 个答案:

没有答案