Настройка прокси не применяется к вызовам API - PullRequest
Новая
       33

Настройка прокси не применяется к вызовам API

0 голосов
/ 22 апреля 2020

Я использую "proxy": "http://localhost: 5000 " в моем пакете. json, поэтому я ожидаю, что мои запросы на выборку будут направлены на этот порт, но запросы по-прежнему отправляются на порт, на котором работает сервер create-реагировать-приложения, в данном случае 3000. Это можно увидеть в окне консоли разработчика на Chrome. Может кто-нибудь помочь мне, пожалуйста.

пакет. json

{
  "name": "my-project",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "@testing-library/jest-dom": "^4.2.4",
    "@testing-library/react": "^9.4.0",
    "@testing-library/user-event": "^7.2.1",
    "axios": "^0.19.2",
    "bootstrap": "^4.4.1",
    "google-map-react": "^1.1.6",
    "moment": "^2.24.0",
    "react": "^16.12.0",
    "react-countup": "^4.3.3",
    "react-dom": "^16.12.0",
    "react-moment": "^0.9.7",
    "react-redux": "^7.2.0",
    "react-router": "^5.1.2",
    "react-router-dom": "^5.1.2",
    "react-scripts": "3.4.0",
    "react-visibility-sensor": "^5.1.1",
    "redux": "^4.0.5",
    "redux-devtools-extension": "^2.13.8",
    "redux-thunk": "^2.3.0",
    "styled-components": "^5.0.1",
    "uuid": "^7.0.2",
    "ejs": "^3.0.1"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },
  "eslintConfig": {
    "extends": "react-app"
  },
  "proxy": "http://localhost:5000"
}

вызов API 

    const formData = new FormData();
    fetch("/upload", {
      method: "POST",
      body: formData,
    }).then((r) => {
      console.log(r);
    });

Вот мой console.log (r) в fetch, который отображается в консоли broswer: 

Response {type: "basic", url: "http://localhost:3000/upload",redirected: false
status: 404 , statusText: "Not Found"}
...