创建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)
             })
           }
     }
}

Logo

欢迎加入 MCP 技术社区!与志同道合者携手前行,一同解锁 MCP 技术的无限可能!

更多推荐