VUE-cli
Vue的cli内容1.mockjs**作用:**拦截ajax,生成随机数据。使用方法:安装npm install mockjs -D导入import Mock from ‘mockjs’const Mock = require(“mockjs”)配置拦截Mock.mock(url,type,{})Mock.mock(url,{})Mock.mock(url,type,function(){retu
Vue的cli内容
1.mockjs
**作用:**拦截ajax,生成随机数据。
使用方法:
- 安装
npm install mockjs -D - 导入
import Mock from ‘mockjs’
const Mock = require(“mockjs”) - 配置拦截
Mock.mock(url,type,{})
Mock.mock(url,{})
Mock.mock(url,type,function(){
return {}
}) - 在main.js 导入配置项
2.axios
作用:
1.ajax 工具包
2.promise
3.支持请求和响应的拦截
4.nodejs 和 网页端都可以使用
使用:
- 安装
npm install axios - 导入挂载
import axios from ‘axios’
Vue.prototype.$http = axios - 在组件使用
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
更多推荐
所有评论(0)