vue 创建 json-server

安装json-server

npm install json-server --save //json server

配置文件参数配置：

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

设置代理：

proxyTable: {
  '/api': {
    target: 'http://localhost:8081/',  // 通过本地服务器将你的请求转发到这个地址
    changeOrigin: true,  // 设置这个参数可以避免跨域
    pathRewrite: {
      '/api': '/'
    }
  },
},

运行：

npm run dev