json-服务器主页未显示

Question

我在 package.json 中使用 npx create-react-app 创建了一个 react-app，添加了 json-server 和运行脚本。

"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-server。所以当我这样开始时：

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

加载成功：

Answer 1

这是由于您在应用程序中已有 public 目录，解决方法已说明 here

对我来说，我尝试传递 public 文件夹的静态 URL 并且成功了。

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

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

Answer 2

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

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

通过此解决方案，您可以从应用程序中存在的静态目录而不是 public 目录调用主路由。

json-服务器主页未显示

json-server homepage is not showing

npm

reactjs

package.json

json-server