Использование прокси вне приложения Comoponent в React. js - PullRequest
0 голосов
/ 22 апреля 2020

Я начал учиться реагировать некоторое время 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)

Спасибо за помощь! :)

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...