饿了么老版本遇到的那些坑！！！！！

照着视频做的时候一直报错报这个

1.mock数据时，新版本没有dev-server那个文件夹，不要慌，找到新版本这个webpack.dev.conf.js进行配置，在const portfinder = require('portfinder')下面正常写那些

然后注意！！！！配置api一定要在devserver：下

逗号不要忘了加！！！

以为有这些就行了吗。并不是，还得弄这玩意

---

vue实现ajax获取后台数据是通过vue-resource，首先通过npm安装vue-resource，进入到项目目录里

npm install vue-resource --save

安装完成以后，将vue-resource引入到src目录下的main.js文件中  src/main.js

import VueResource from 'vue-resource' // 导入vue-resource

使用VueResource

Vue.use(VueResource);

---------------------

上面步骤是用vue-resource来进行数据请求的大体流程，作为前端，我们只关注前端的开发，所以使用mock data来模拟后台穿传数据，主要有两种方式：

1）json-server模拟数据；此方法只能发送get请求不能发送post请求 

参考另一篇博客https://blog.csdn.net/lxkll/article/details/84284429

2）express启动数据服务；get请求和post请求都可以发送

本文主要说明使用express方式模拟后台数据，是在vue2.0的vue-cli中模拟数据 

首先进入项目目录，安装express

npm install express --save

安装完成后，重新启动项目

npm run dev

---------------------

最后你发现还报错？？？

webpack版本太高了。。。。。

找到package.json       修改webpack版本