小程序03/ uni-app项目初始化基本配置 底部导航tabBar配置和字体图标引入、uni-app项目配置全局请求基地址、Uview库请求拦截区与响应拦截器 Loding效果

一.底部导航tabBar配置和字体图标引入

二.uni-app项目配置全局请求基地址

位置: main.js文件内

uni.$u.http.setConfig((config) => {
    /* config 为默认全局配置*/
    config.baseURL = 'https://api-hmugo-web.itheima.net/api/public/v1';
    return config
})

三.Uview库 请求拦截区与响应拦截器 Loading加载效果!

请求拦截器

// 设置请求拦截器
uni.$u.http.interceptors.request.use((config) => { // 可使用async await 做异步操作
    uni.showLoading();
    return config
}, config => { // 可使用async await 做异步操作
    return Promise.reject(config)
})

响应拦截器

// 设置响应拦截器
uni.$u.http.interceptors.response.use((response) => {
    uni.hideLoading();
    return response
}, (response) => {
    return Promise.reject(response)
});