VUE-cli

Vue的cli内容

1.mockjs

**作用：**拦截ajax，生成随机数据。

使用方法：

1. 安装
   npm install mockjs -D
2. 导入
   import Mock from ‘mockjs’
   const Mock = require(“mockjs”)
3. 配置拦截
   Mock.mock(url,type,{})
   Mock.mock(url,{})
   Mock.mock(url,type,function(){
   return {}
   })
4. 在main.js 导入配置项

2.axios

作用：
1.ajax 工具包
2.promise
3.支持请求和响应的拦截
4.nodejs 和 网页端都可以使用

使用：

1. 安装
   npm install axios
2. 导入挂载
   import axios from ‘axios’
   Vue.prototype.$http = axios
3. 在组件使用
   this.$http.get(url)
   .then(res=>console.log(res))
   .catch(err=>console.log(err))

get
1.get(url)
2.get(url?name=mumu&age=18)
3.get(url,{params:{ name:“mumu”,age:18}})

post
1.post(url,data,config)
2.post(“http://www.mi.com/api/echo”,{name:“abc”,age:15})
3.post(“http://www.mi.com/api/echo”,“name=abc&age=15”,{
headers:{“Content-Type”:“application/x-www-form-urlencoded”}
})

axios()

1.url:xxxx
地址

2.method
方法 |post|get|put|delete|head

3.params
get请求传参

4.data
post、put请求传参

5.headers请求头信息
“Content-Type”
Content-Type:application/json
Content-Type: application/x-www-form-urlencoded;charset=utf-8
Content-Type:multipart/form-data