Vue-模拟数据

模拟数据

简介

在没有后端接口的情况下，前端开发会显得很被动，这时可以采用模拟数据的方式来提供数据。

开始

1. 在项目的 static 文件夹下新建一个名为 mock 的文件夹，因为 static 文件夹，能被外部访问。mock 文件夹存放模拟的数据。
2. 打开项目的 config/index.js 文件，找到 proxyTable 增加如下代码，进行链接转发：

proxyTable: {
      // 访问链接前缀
      '/api': {
        // 服务器地址
        target: 'http://localhost:8080',
        // 路径转发
        pathRewrite: {
          '^/api':'static/mock'
        }
      }

这样就可以实现 api/index.json 转发到 static/mock/index.json 了。