Json-Server模拟服务端接口数据，二次访问数据清空问题

vue2创建项目：

进入空文件夹  shift+右键  进入PowerShell   执行命令：

 vue init webpack  "项目名"

• 安装json-server

npm install -g json-server

• 查看版本号

json-server -v

• 创建json数据，并在任意一个文件夹中执行命令

json-server --watch db.json

Ok 

• 修改端口号

json-server --watch db.json --port 端口号

• 查看启动选项 

json-server -h

 注意：json-server不支持post请求，想要实现post请求，可以转化一下：

我是看大佬这样做的

定义一个js文件，名字可以随便取，如middleWares.json，写入以下内容：

//解决json-server不能接受post请求的问题

module.exports = (request, response, next) => {
  if (request.method === 'POST') {
    request.method = 'GET'
    request.query = request.body
  }

  // 处理ie8下的文件上传
  if ((request.headers['content-type'] || '').startsWith('multipart/form-data')) {
    response.header('content-type', 'text/html')
  }
  next()
}

• 重新启动即可：

json-server src/mock/db.json --port 端口号 --middlewares 配置中间件的路径

• 为了后面启动方便，可以在src/package.json里面提前配置：

• 然后启动命令就简单了许多：

npm run mock   //mock是scripts里面你自己定义的

坑：

当我第二次创建使用Json-Server时，浏览器访问数据显示正常，当项目发送一次请求之后获取到的数据为空，再返回去看json-server中原本写的json数据，发现自动还原为默认的json数据，导致请求时数据获取不到。