Vue使用json-server進行后端數據模擬功能

npm install json-server -g

G:\demo\JavaScript\Vue\Vue one\project\my-project\Vue_two\my-project>json-server -h
index.js [options] <source>
Options:
 --config, -c Path to config file [default: "json-server.json"]
 --port, -p Set port [default: 3000]
 --host, -H Set host [default: "0.0.0.0"]
 --watch, -w Watch file(s) [boolean]
 --routes, -r Path to routes file
 --middlewares, -m Paths to middleware files [array]
 --static, -s Set static files directory
 --read-only, --ro Allow only GET requests [boolean]
 --no-cors, --nc Disable Cross-Origin Resource Sharing [boolean]
 --no-gzip, --ng Disable GZIP Content-Encoding [boolean]
 --snapshots, -S Set snapshots directory [default: "."]
 --delay, -d Add delay to responses (ms)
 --id, -i Set database id property (e.g. _id) [default: "id"]
 --foreignKeySuffix, --fks Set foreign key suffix (e.g. _id as in post_id)
 [default: "Id"]
 --quiet, -q Suppress log messages from output [boolean]
 --help, -h Show help [boolean]
 --version, -v Show version number [boolean]
Examples:
 index.js db.json
 index.js file.js
 index.js http://example.com/db.json
https://github.com/typicode/json-server

{
 "api": [
 {
 "text": "數據統計",
 "link": "#",
 "hot": true
 },
 {
 "text": "數據檢測",
 "link": "#",
 "hot": true
 },
 {
 "text": "流量分析",
 "link": "#",
 "hot": true
 },
 {
 "text": "廣告發布",
 "link": "#",
 "hot": false
 }
 ]
}

 "json": "json-server db.json --port 3003"

> vue@1.0.0 json g:\demo\JavaScript\Vue\Vue one\project\my-project\Vue_two\my-project
> json-server db.json --port 3003
 \{^_^}/ hi!
 Loading db.json
 Done
 Resources
 http://localhost:3003/api
 Home
 http://localhost:3003
 Type s + enter at any time to create a snapshot of the database

this.$http.get('http://localhost:3003/api')
 .then((data) => {
 console.log(data.body)
 }, () => {
 console.log('這里是用了vue-source,后端沒有接口')
 })