版本说明:
//package.json
{
......
"dependencies": {
"axios": "^0.27.2",
"core-js": "^3.8.3",
"vant": "^3.6.4",
"vue": "^3.2.13",
"vue-router": "^4.0.3",
"vuex": "^4.0.0",
"weixin-js-sdk": "^1.6.0"
},
.......
}
仅简单配置Axios(没有封装get和post方法)
Axios中文文档
GET参数{params:{参数名:值}} 即{params:{paramName:paramValue}}
const getContent = () => {
let params = {
course_id:proxy.$route.params.course_id
}
let param = {
course_id:proxy.$route.params.course_id
}
//proxy.$milliaAxios.get(baseUrl,{params}).then(response => {
//proxy.$milliaAxios.get(baseUrl,{params:param}).then(response => {
proxy.$milliaAxios.get(baseUrl,{params: {course_id:proxy.$route.params.course_id}}).then(response => {
console.log(response.data)
})
}
//axois.get(地址,{params}).then(response=>{})
//{params}、{params:param}和{params:{course_id:proxy.$route.params.course_id}} 都可以
/*
注:{params}键值需相同,
即为{params:params = {course_id:proxy.$route.params.course_id}}
解析为params:{course_id:proxy.$route.params.course_id}
*/
POST参数 {参数名:值}即{paramName:paramValue}
const goTag = () => {
let params = {
activeId:store.state.activityID
}
proxy.$milliaAxios.post(baseUrl,params).then(response => {
console.log(response.data)
}
//axois.post(地址,params).then(response=>{})
//注:params实际为{activeId:store.state.activityID}
直接使用axios发送请求
//POST方法
axios({
method:'POST',
url:'请求的URL地址',
data:{POST数据参数}, //POST 数据参数使用data属性提供
}) .then(function(res){
console.log(res.data)
})
//GET方法
axios({
method:'GET',
url:'请求的URL地址',
params:{GET数据参数} //GET 数据参数使用params属性提供
}) .then(function(res){
console.log(res.data)
})