How to use json-server | Getting 404 for local db.json

Question

I'm pretty sure doing everything correctly. I'm using these version:

"axios": "^0.24.0",
"json-server": "^0.17.0",

I've followed the official doc. I've db.json in the root folder itself.

{
"users": [
    {
      "ID": 1,
      "Username": "mike",
      "Password": "User1Password"
    },
    {
      "ID": 2,
      "Username": "robert",
      "Password": "User2Password"
    }
  ]
}

I'm running json-server with this command: json-server --watch db.json --port 4000

Whenever I hit http://localhost:4000/users I'm served with this:

  \{^_^}/ hi!

  Loading db.json
  Done

  Resources
  http://localhost:4000/posts
  http://localhost:4000/comments
  http://localhost:4000/profile

  Home
  http://localhost:4000

  Type s + enter at any time to create a snapshot of the database
  Watching...

  GET /users 404 4.800 ms - 2

But rest of the end points like:

http://localhost:4000/posts
http://localhost:4000/comments
http://localhost:4000/profile

are working absolutely fine. Please help.

score 1 · Accepted Answer · answered Oct 30 '21 at 03:31

1

According to @user2740650
You said db.json is in src folder. What matters is that it's in the same folder where you started the server. It sounds like it created a default db.json somewhere else and is using that.

Second Scenario
move your db.json file into the Public folder and calling it by: axios.get('db.json') .then(//...)

answered Oct 30 '21 at 03:31

Homezonic

234
2
6

can you plz look into this also: https://stackoverflow.com/questions/69777098/react-and-json-server-getting-request-failed-with-status-code-500 – Tanzeel Oct 30 '21 at 05:47
Not found #deadlink – Homezonic Nov 02 '21 at 23:16
yeah, i removed the question because i restarted the server and it started working as expected. thanks for showing interest :-) – Tanzeel Nov 03 '21 at 03:44

score 1 · Answer 2 · answered Oct 30 '21 at 03:38

1

Copying my own comment to an answer as requested:

You said db.json is in the src folder. What matters is that it's in the same folder where you started the server. It sounds like it created a default db.json somewhere else and is using that.

answered Oct 30 '21 at 03:38

user2740650

1,723
12
19

can you plz look into this also: https://stackoverflow.com/questions/69777098/react-and-json-server-getting-request-failed-with-status-code-500 – Tanzeel Oct 30 '21 at 05:47

Nathan A · Answer 3 · 2022-07-28T19:10:01.733

I had the same issue. Look at your JSON-server console output for the path to the version of db.json it is loading when you start the server. Use that file as your working copy. For me, the path was in the topmost folder, parent folder of src and public.

Otherwise it creates db.json in that path with the default data:

"posts": [
    { "id": 1, "title": "json-server", "author": "typicode" }
],
"comments": [
     { "id": 1, "body": "some comment", "postId": 1 }
    ],
  "profile": { "name": "typicode" }
}

score 0 · Answer 4 · answered Dec 20 '21 at 03:10

The reason why the rest of the end points work is because when you install the json-sever it adds a default db.json inside your public folder having the following endpoints:

http://localhost:4000/posts
http://localhost:4000/comments
http://localhost:4000/profile

Default db.json will look like

{
    "posts": [{
        "id": 1,
        "title": "json-server",
        "author": "typicode"
    }],
    "comments": [{
        "id": 1,
        "body": "some comment",
        "postId": 1
    }],
    "profile": {
        "name": "typicode"
    }
  }

You can remove this data and add users collection as in your case.

How to use json-server | Getting 404 for local db.json

4 Answers4