working with json-server...

Author: imtomq

db/db.json

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

json-server.json

@@ -0,0 +1,3 @@
+{
+ "port": 3001
+}

package.json

@@ -6,7 +6,8 @@
  "serve": "vue-cli-service serve",
  "build": "vue-cli-service build",
  "lint": "vue-cli-service lint",
- "test:unit": "vue-cli-service test:unit"
+ "test:unit": "vue-cli-service test:unit",
+ "json-server": "json-server --w --H 198.1.1.1 --p 3009 ./db/db.json"
  },
  "dependencies": {
  "core-js": "^3.8.3",
@@ -22,6 +23,7 @@
  "autoprefixer": "^10.4.12",
  "eslint": "^7.32.0",
  "eslint-plugin-vue": "^8.0.3",
+ "json-server": "^0.17.0",
  "postcss": "^8.4.17",
  "tailwindcss": "^3.1.8"
  },
@@ -30,19 +32,11 @@
  "env": {
  "node": true
  },
- "extends": [
- "plugin:vue/vue3-essential",
- "eslint:recommended"
- ],
+ "extends": ["plugin:vue/vue3-essential", "eslint:recommended"],
  "parserOptions": {
  "parser": "@babel/eslint-parser"
  },
  "rules": {}
  },
- "browserslist": [
- "> 1%",
- "last 2 versions",
- "not dead",
- "not ie 11"
- ]
+ "browserslist": ["> 1%", "last 2 versions", "not dead", "not ie 11"]
 }