json-server主页未显示

Question

我在package.json中创建了一个用npx创建的react，添加了json并运行了脚本。

"devDependencies": {
   "json-server": "0.14.2",
   "react-scripts": "1.0.10",
   "styled-components": "^2.1.1"
},

"scripts": {
    "apiserver": "json-server -p 3001 -w tools/db.json",

当我用npm run apiserver启动json服务器时，它成功地启动了。但是主页不加载。

 \{^_^}/ hi!

  Loading tools/db.json
  Done

  Resources
  http://localhost:3001/posts

  Home
  http://localhost:3001

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

不装载:(

​

​

另外，我在全球范围内安装了json服务器。所以当我这样开始的时候：

json服务器-w db.json -p 3001

它成功地装载：

​

​

Answer 1

在项目根目录中创建json-server.json文件，并添加自定义配置：

{
  ...,
  "static": "./node_modules/json-server/public"
}

通过这个解决方案，您可以从应用程序中存在的静态而非公共目录调用您的主路由。

Answer 2

这是由于您在应用程序中已经有了public目录，解决方法是声明这里。

对我来说，我试着传递公用文件夹的静态URL，它成功了。

因此，对于您来说，一个简单的解决方案是将apiserver脚本更新为以下内容；

"apiserver": "json-server -p 3001 -w tools/db.json -s ./node_modules/json-server/public"

Answer 3

在用于启动json-server的同一个命令行窗口中，如果按下s，则输入它将在与原始目录相同的目录中保存一个新文件。