Я начинаю изучать response.js и делал простую программу Hello.
<!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>
Но у меня возникла проблема с этими двумя тегами сценария:
<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>
Не удалось загрузить ресурс: сервер ответил со статусом 403 (запрещено)
Uncaught ReferenceError: React не определен
Я нашел что-то в Google, чтобы запустить HTML-код на веб-сервере (https://), а не из файловой системы (файл: ///)
Итак, я запустил локальный веб-сервер как python3 -m http.server 1234 , и он заработал. Я получил вывод как Hello React !.
Но я хочу знать, почему я былполучение запрещенной ошибки при запуске кода из файловой системы?
Это связано с тем же источником разрешения доступа?
Чем отличается запуск HTML-кода из файловой системы и на веб-сервере?