1、utils/http 请求数据
2、http代码
import axios from "axios";
import qs from "qs"
const server = axios.create({
//baseURL:"",
timeout:5000,
withCredentials:true
})
server.interceptors.request.use((config)=>{
if(config.method.toUpperCase() == "GET"){
config.params = {...config.data}
}else if(config.method.toUpperCase() == "POST"){
config.headers["content-type"] = "appliaction/x-form-urlencoded";
}
return config;
},(err)=>{
Promise.reject(err);
})
server.interceptors.response.use((res)=>{
if(res.statusText == "OK"){
return res.data
// return res.config
}
},(err)=>{
Promise.reject(err);
})
export default (method,url,data={})=>{
if(method.toUpperCase() == "GET") {
return server.get(url,{
params:data
})
}else if(method.toUpperCase() == "POST"){
return server.post(url,data);
}
}
3、输出data数据
4、新建lib/loading/index.vue 将html和css样式放进去
5、在app里引入loading
6、成功
7、
8、
9、输出loading
10、
11、
12、输出一下loading
13、
14、
15、
16、
期间遇到的一个问题,页面loading没加载出来
主要原因 fixed固定定位 index权重
17、handleDestory() Loading不会被加载
18、
19、
删除了红框里的两行
20、http
21、
最后效果 但是有BUG 在7、里解决