vue-cli-plugin-sync-mocks v1.0.16

vue-cli-plugin-sync-mocks

:truck: 实现离线调试后台接口：通过代理缓存接口响应数据到本地，并开启本地文件代理服务。 1. 支持 webpack 插件， vue-cli 插件和 函数等模式

安装

首先你需要先全局安装 @vue/cli 。

然后在你的项目根目录执行以下命令：

vue add sync-mocks

配置

1. 在项目根目录下的文件 package.json 中 添加 syncMockOptions； 或者
2. 在项目根目录下的文件 vue.config.js （如果没有请创建）中添加：

module.exports = {
  devServer: {
    proxy: {
      // ...在这里设置你的代理配置
    }
  },
  pluginOptions: {
    // 该插件对应的配置
    syncMockOptions: {
      headers: {
        cookie: ''
      },
      mode: 2,
      dir: [
        './mock'
      ]
  }
}

配置项说明

注意:

该插件是通过代理实现离线缓存的，所以如果你没有配置任何代理，则不会生效。