一、json-server使用方法

json-server  git 地址：https://github.com/typicode/json-server

安装

npm install json-server --save-dev

配置：

1. 在build的dev-server.js进行加入代码：

//json-server start 假数据
var jsonServer = require('json-server') //引入文件
var apiServer = jsonServer.create() //创建服务器
var apiRouter = jsonServer.router('src/datas/db.json') //引入json 文件 ，这里的地址就是你json文件的地址
var middlewares = jsonServer.defaults() //返回JSON服务器使用的中间件。
apiServer.use(middlewares)
apiServer.use('/api',apiRouter)
apiServer.listen( port + 1,function(){ //json服务器端口:比如你使用8080,这里的json服务器就是8081端口
console.log('JSON Server is running')  //json server成功运行会在git bash里面打印出'JSON Server is running'
})
//json-server end 假数据

2. 在config的index.js中修改代理服务器

proxyTable: {
'/api/':'http://localhost:8081/'
},

3. 打开地址

http://localhost:8081/api/posts 
http://localhost:8080/api/posts

二. axios使用方法

1. 安装

npm install axios

2. 使用

import axios from 'axios'
 created () {
    axios.get('/api/posts').then(function (response) {
      // console.log(response)
    })
    .catch(function (error) {
      console.log(error)
    })
  }

三. Vux中使用axios主要是通过vux插件AjaxPlugin

//main.js
import { AjaxPlugin } from 'vux' 
Vue.use(AjaxPlugin) 
console.log(Vue.http)
require('es6-promise').polyfill()

//组件中
created () {
    this.$http.get('/api/posts')
    .then((response) => {
      console.log(response)
    })
  }