6、js组件封装（Loading）

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、里解决