axios请求封装
创建api文件夹,里面创建http.js文件再创建一个request文件,专门用来放置路径在页面上这么使用先引入:import {gettab} from '../api/request.js',定义方法,最后记得调用方法完整代码://http.js文件import axios from 'axios'let http=axios.create({// baseURL:'',// timeout:
·
创建api文件夹,里面创建http.js文件

再创建一个request文件,专门用来放置路径

在页面上这么使用
先引入:import {gettab} from '../api/request.js',
定义方法,最后记得调用方法

完整代码:
//http.js文件
import axios from 'axios'
let http=axios.create({
// baseURL:'',
// timeout:500
})
// 请求拦截
http.interceptors.request.use(config=>{
return config
},(error)=>{
return Promise.reject(error)
})
// 响应拦截
http.interceptors.response.use(res=>{
return res
},(error)=>{
return Promise.reject(error)
})
export default http
//request.js文件
import http from './http'
const gettab=async()=>{
let data=await http.get('http://shop.bufantec.com/bufan/category/categoryNav?id=1005000')
return data
}
export {gettab}
主页面调用、使用
import {gettab} from '../api/request.js'
export default {
created() {
this.gets()
},
methods:{
gets(){
gettab().then(res=>{
console.log(res)
})
}
}
}
更多推荐


所有评论(0)