一.底部导航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)
});