невозможно использовать json -сервер и реагировать вместе - PullRequest
Новая
       26

невозможно использовать json -сервер и реагировать вместе

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

Я пытаюсь использовать json -сервер в каталоге проекта, который я уже настроил с помощью React через: npx create-react-app new-app. В каталоге new-app у меня есть файл db.json с некоторым содержимым: 

{
  "notes": [
    {
      "id": 1,
      "content": "first content",
    },
    {
      "id": 2,
      "content": "content 2",
    }
  ]
}

У меня также установлен json -сервер с npm install json-server --save-dev. Затем я запустил сервер через порт 3001 через: npx json-server --port 3001 --watch db.json, и пока все работает без сбоев, и я вижу файл примечаний на http://localhost:3001/notes.

На данный момент, к packages.json, в разделе «сценарии» я добавил конфигурацию сервера как таковую: 

{
  "name": "new-app",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "@testing-library/jest-dom": "^4.2.4",
    "@testing-library/react": "^9.5.0",
    "@testing-library/user-event": "^7.2.1",
    "react": "^16.13.1",
    "react-dom": "^16.13.1",
    "react-scripts": "3.4.1"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject",
    "server": "json-server -p3001 --watch db.json" // ADDED THIS
  },
  "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"
    ]
  },
  "devDependencies": {
    "json-server": "^0.16.1"
  }
}

Согласно ссылке, которой я следовал, это должно было показать все вещи с реакции на http://localhost: 3001 , но я получаю лишь пустую страницу с названием React App (без значка). Мой каталог root выглядит следующим образом (без изменений, кроме упомянутых):

https://imgur.com/a/MR0NYrr

Может кто-нибудь указать, что здесь пошло не так? Или, альтернативно, как им удалось отреагировать и правильно настроить json -сервер?

При такой настройке он не похож на индексный файл. js (и другие. * 1033). * файлы) в папке sr c используется индексом. html в папке publi c.

1 Ответ

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

Прав ли я, что вы хотите видеть веб-сайт, а не содержимое сервера json? Может быть, попробуйте http://localhost: 3000 .

...