vue-cli3 mock本地json数据

vue-cli3 mock本地json数据

写在前面：写一个Vue移动端项目练习，需要mock本地的数据

前面说明：

vue-cli2和vue-cli3脚手架构建项目，默认生成目录结构不同

vue-cli2 项目结构

mock(存放自己模拟的数据随便取名)文件夹是一个我自己创建的用来存放模拟数据的文件夹，其中有一个或多个json文件，下面我们要对build目录下webpack.dev.conf.js进行配置

// 引入文件
const goodsList = require('../mock/goods.json');
// ……
// 配置devServer
devServer: {
   
    clientLogLevel: 'warning',
    historyApiFallback: {
   
      rewrites: [
        {
    from: /.*/, to: path.posix.join(config.dev.assetsPublicPath, 'index.html') },
      ],
    },
    hot: true,
    contentBase: false