javascript - json-server not showing URL for JSON data - Stack Overflow

admin管理员组

文章数量:1406926

I am working with json-server. I have installed it with npm install -g json-server and am watching using

json-server --watch db.json

I have added db.json file in app folder with below data

{
    "product": [
      {
        "userId": 1,
        "firstName": "Krish",
        "lastName": "Lee",
        "phoneNumber": "123456",
        "emailAddress": "[email protected]"
      },
      {
        "userId": 5,
        "firstName": "jone",
        "lastName": "mac",
        "phoneNumber": "111111111",
        "emailAddress": "[email protected]"
      }
    ]
  }

but only http://localhost:3000/ is working. It shows

Congrats!
You're successfully running JSON Server
✧*｡٩(ˊᗜˋ*)و✧*｡

Resources
/posts 1x
/ments 1x
/profile object
To access and modify resources, you can use any HTTP method:

GET POST PUT PATCH DELETE OPTIONS

undefined
Documentation
README

To replace this page, create a ./public/index.html file.

http://localhost:3000/product is not working. How can I fix this issue?

I am working with json-server. I have installed it with npm install -g json-server and am watching using

json-server --watch db.json

I have added db.json file in app folder with below data

{
    "product": [
      {
        "userId": 1,
        "firstName": "Krish",
        "lastName": "Lee",
        "phoneNumber": "123456",
        "emailAddress": "[email protected]"
      },
      {
        "userId": 5,
        "firstName": "jone",
        "lastName": "mac",
        "phoneNumber": "111111111",
        "emailAddress": "[email protected]"
      }
    ]
  }

but only http://localhost:3000/ is working. It shows

Congrats!
You're successfully running JSON Server
✧*｡٩(ˊᗜˋ*)و✧*｡

Resources
/posts 1x
/ments 1x
/profile object
To access and modify resources, you can use any HTTP method:

GET POST PUT PATCH DELETE OPTIONS

undefined
Documentation
README

To replace this page, create a ./public/index.html file.

http://localhost:3000/product is not working. How can I fix this issue?

• javascript
• json-server

Share Improve this question Follow edited Sep 16, 2020 at 17:13 jonrsharpe 122k3030 gold badges268268 silver badges476476 bronze badges asked Sep 16, 2020 at 15:14 Arvind ChourasiyaArvind Chourasiya 17.5k1515 gold badges121121 silver badges207207 bronze badges 5

• Do you see any output from json-server when it starts up? I see it list the resource endpoints, including http://localhost:3000/product which works fine. Your posted JSON is malformed, with an invalid trailing ma, but I assume that's an artifact of cutting it down to post (because json-server errors out if given malformed JSON). Please give a minimal reproducible example. – jonrsharpe Commented Sep 16, 2020 at 15:20
• @jonrsharpe - I have updated my question. Cound you please check. – Arvind Chourasiya Commented Sep 16, 2020 at 15:51
• They're the defaults, presumably you also see "Oops, db.json doesn't seem to exist"? Post (and read!) all of the output you're given. – jonrsharpe Commented Sep 16, 2020 at 15:53
• And have you double-checked the actual content of the db.json it's loading? The first time you run it, if it can't find the file you asked for, it writes out its own defaults for you to edit. When that happened, it would have told you it was doing that. – jonrsharpe Commented Sep 16, 2020 at 15:56
• @jonrsharpe - It's working now. another db.json was getting created in different level. I didn't notice that before. Now able to post my own json and get the url browse. – Arvind Chourasiya Commented Sep 16, 2020 at 16:02

Add a ment  | 

4 Answers 4

Sorted by: Reset to default 2

The first time you try to run json-server@0, if it can't find the supplied source, load.js writes out the default example for you:

> json-server --watch db.json


  \{^_^}/ hi!

  Loading db.json
  Oops, db.json doesn't seem to exist
  Creating db.json with some default data

  Done

  Resources
  http://localhost:3000/posts
  http://localhost:3000/ments
  http://localhost:3000/profile

  Home
  http://localhost:3000

On subsequent runs, because the file now exists, the server seems to be starting up just fine but isn't using the db.json file you think it is. For that reason, this seems like a bit of a misfeature.

I opened a PR to require this behaviour to be explicitly requested; based on the prerelease -alpha versions it looks like this automatic creation won't be a feature of json-server@1.

db.json is supposed to be set up in in the root folder? you indicated you put yours in the app folder.

At initial the JSON-server must be started from the root folder. ex : if you are using VS code editor click on the folder that consist the data in JSON format and right click on that folder and open it in integrated terminal and try : > json-server --watch db.json and it will be working fine.

In case of directly calling the Json-server, it will initialise the default data on localhost:3000

You have to select the PATH of db.json file like below

"serve-json": "json-server --watch ./src/db.json --port 5000"

now use the ments in terminal npm run serve-json

it will navigate port 5000

本文标签： javascriptjsonserver not showing URL for JSON dataStack Overflow