responsejs expressjs как настроить прокси?прокси не работает с localhost: 3000, но работает с localhost: 3000 / test

Question

Попытка работать с реагировать (create-react-app) и теперь включает expressjs.Я сделал

1. , переместив мои folder/* в folder/client/* (удаляя node_modules)
2. cd folder/client/ и npm install, чтобы воссоздать node_modules* работает как раньше, приложение хорошо рендерится
3. cd folder и npm init
4. npm install express --save
5. написать folder/server.js
6. addнастройки прокси в /folder/client/package.json
7. npm run start в /folder и в /folder/client

Затем я перехожу на localhost:3000 и получаю приложение activjs безэкспресс в любом месте.Затем я перехожу к localhost:8080 и получаю экспресс-результат, который действительно является той же страницей, что и раньше, но без выполнения реакции (я полагаю, ничего плохого здесь)

И затем я перехожу к localhost:3000/testи он получает прокси, чтобы выразить, где я вижу в терминале console.log server.js

Так что я не могу прокси localhost:3000, но я могу localhost:3000/whatever. Что не так?

server.js

    const express = require('express');
    const path = require('path'); // haven't installed, should I?
    const app = express();
    app.use(express.static(path.join(__dirname, 'build'))); // of no use here

    app.get('/ping', function (req, res) { // this one works
     return res.send('pong');
    });

//    app.get('', function (req, res) { // doesn't work
//    app.get('*', function (req, res) { // doesn't work
//    app.get('.', function (req, res) { // doesn't work
//    app.get('.*', function (req, res) { // doesn't work
//    app.get('./', function (req, res) { // doesn't work
    app.get('./*', function (req, res) { // doesn't work
      console.log('hey') // never seen
      res.sendFile(path.join(__dirname, 'client/src', 'index.html'));
    });

    app.get('/test', function (req, res) { // this one works
      console.log('hey2') // I do see this when calling localhost:3000/test
      res.sendFile(path.join(__dirname, 'client/src', 'index.html'));
    });

    app.listen(process.env.PORT || 8080);

package.json (/)

{
  "name": "ouyea",
  "version": "0.1.1",
  "description": "This project was bootstrapped with [Create React App](https://github.com/facebookincubator/create-react-app).",
  "main": "server.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "start": "node server.js"
  },
  "repository": {
    "type": "git",
    "url": "git+https://xxxx"
  },
  "author": "",
  "license": "ISC",
  "bugs": {
    "url": "https://xxxx"
  },
  "homepage": "https://xxxx",
  "dependencies": {
    "express": "^4.16.4"
  }
}

package.json (/ клиент)

    {
      "name": "client",
      "version": "0.1.1",
      "private": true,
      "dependencies": {
        "axios": "^0.18.0",
        "googleapis": "^33.0.0",
        "papaparse": "4.6.0",
        "react": "^16.4.2",
        "react-dom": "^16.4.2",
        "react-scripts": "1.1.4",
        "semantic-ui-css": "^2.4.0",
        "semantic-ui-react": "^0.82.5"
      },
      "scripts": {
        "start": "react-scripts start",
        "build": "react-scripts build",
        "test": "react-scripts test --env=jsdom",
        "eject": "react-scripts eject"
      },
      "proxy": {
        "": { // I know comments don't work, but I put them here for clarity, none of them worked
//        "*": {
//        ".": {
//        "/": {
          "target": "http://localhost:8080"
        },
        "/test": {
          "target": "http://localhost:8080"
        }
      }
    }

Answer 1

Цель сервера Express состоит в том, чтобы просто a) отобразить базовую HTML-страницу из папки dist и b) предоставить данные с конечных точек, которые вы задали в качестве маршрутов в Express, к которым может получить доступ ваше клиентское приложение React,Существуют приложения (универсальные), которые могут отображать страницы React из Express, но это не то, что вы делаете здесь с create-react-app.