Я начал учиться реагировать некоторое время go. Я делаю приложение с express backend и React на моем интерфейсе. Я добавил прокси в пакет. json в моем интерфейсе React. Я заметил, что когда я получаю данные из API в компоненте приложения, он работает, но когда я делаю то же самое в моем компоненте Post. js, он печатает ошибку (ошибка ниже), которая говорит, что он не может использовать прокси. Я учусь реагировать, поэтому, если есть лучший способ сделать это, пожалуйста, сообщите мне об этом.
О, и моя цель - получить данные из API внутри компонента Post. js (я хочу использовать его здесь Я знаю, что могу поддержать это из приложения. js)! : D
пакет. json
//...
"eslintConfig": {
"extends": "react-app"
},
"browserslist": {
"production": [
">0.2%",
"not dead",
"not op_mini all"
],
"development": [
"last 1 chrome version",
"last 1 firefox version",
"last 1 safari version"
]
},
"proxy": "http://localhost:5000" //here
}//end of package.json
Компонент приложения, созданный с помощью create-Reaction-app (Работает здесь)
import React from 'react';
import './App.css';
//Components imports
import Post from './Components/Post';
class App extends React.Component {
constructor(props) {
super(props);
fetch('/api/users').then(data => data.json()).then(users => console.log(users)); //works
}
render() {
return (
<div className="App" >
<Post></Post>
</div>
);
}
}
export default App;
Post. js компонент, созданный мной
import React, { Component } from 'react';
class Post extends Component {
constructor(props) {
super(props);
fetch('/api/users').then(data => data.json()).then(users => console.log(users)); //not working
}
render() {
return (
<div>
<h1>Hello World</h1>
</div>
)
}
}
ошибка в консоли
Proxy error: Could not proxy request /api/users from localhost:3000 to http://localhost:5000.
[1] See https://nodejs.org/api/errors.html#errors_common_system_errors for more information (ECONNREFUSED).
структура проекта (без css et c.)
--src
--Components
--Post.js
--App.js
(everything else is on the same level as App.js)
Спасибо за помощь! :)