封装axios与调用实例

1、创建一个request.js文件，并引入axios

import axios from 'axios'

export function request(config) {
// 1.创建axios的实例
const instance = axios.create({
baseURL: 'http://123.207.32.32:8000',
timeout: 5000，//请求延迟事件
})

// 2.axios的拦截器
// 2.1.请求拦截的作用
instance.interceptors.request.use(config => {
return config
}, err => {
// console.log(err);
})

// 2.2.响应拦截
instance.interceptors.response.use(res => {
return res.data
}, err => {
console.log(err);
})

// 3.发送真正的网络请求
return instance(config)
}

 

2.创建一个home.js，把该模块的数据请求代码写入，引入request.js

import {request} from "./request";

export function getHomeGoods(type, page) {
return request({
url: '/home/data',
params: {
type,
page
}
})
}

 

3、在主页面引入home.js

  import {getHomeGoods } from "network/home" （注意：当导出的文件的export没有携带default时，证明该js导出的，要用{}来使用，并且里面的命名必须与导出的名称一致，反之有携带default，则不需要加{}，并且导入时，名称可以自定义  ）