axios+mockjs在vue中如何使用

具体做法：

1、npm安装mockjs

打开cmd进入项目下载mockjs至项目中:

image.png

2、在src目录下建立文件夹mock,mock文件夹下建立mock.js文件，js文件代码如下：

image.png

3、在vue组件中使用

在src/components/HelloWorld.vue目录下：

image.png

4、演示请求接口（用axios请求），请求之前要安装axios,安装axios的配置如下：

参考链接（https://www.jianshu.com/p/5dd83b7d16a3))

   1、npm安装安装axios

image.png

2、配置config/index.js:解决跨越（这里没用到跨域）

image.png

3、在main.js中配置axios到原型链中

   注意标记的那两行：

image.png

4、在HelloWorld.vue组件中使用axios请求，以get为例

image.png

项目结构图如下：

image.png