machinecat520
/
zj-Exercise


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
							<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>拦截器</title>
    <!-- 引入axios -->
    <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
</head>
<body>

    <button id="btn1">按钮1</button>
    <script>
        
        axios.defaults.baseURL = "http://localhost:3000" 

        //axios的拦截器可以对请求或响应进行拦截，在请求发送前和响应读取前处理数据
        //拦截器只对当前的实例有效
        // 添加请求拦截器
        axios.interceptors.request.use(
            function (config) {
                console.log("拦截器执行了");
                //config 表示axios中的配置对象
                //console.log(config);
                //config.data.name = "猪二爷"
                config.headers["Authorization"]= `Bearer ${localStorage.getItem("token")}`

                // 在发送请求之前做些什么
                return config;
        }, function (error) {
            // 对请求错误做些什么
            return Promise.reject(error);
        });

        document.getElementById("btn1").onclick = () =>{
            axios
            .post("students",{name:"二师兄"})
            .then((res) => {
                console.log(res.data);
            })
            .catch((err) => {
                console.log("出错了",err);
            })
        }


    </script>
    
</body>
</html>