machinecat520
/
zj-Exercise


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
							<!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>Axios的配置对象</title>
    <!-- 引入axios -->
    <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
</head>
<body>

    <button id="btn1">按钮1</button>
    <!-- <button id="btn2">按钮2</button> -->
    <script>
        
        axios.defaults.baseURL = "http://localhost:3000"
        axios.defaults.headers.common['Authorization'] = `Bearer ${localStorage.getItem("token")}`;
        
        document.getElementById("btn1").onclick = () =>{
            //直接调用axios发送请求
            //axios(config)
            axios({
                url:"students",
                method:"post",
                data:{
                    name:"唐僧",
                    age:18,
                    gender:"男",
                    address:"女儿国"
                },
                timeout:1000,
   
            }).then((res) =>{
                //res是axios封装过
                //console.log(res);
                console.log(res.data);
            }).catch((err) => {
                console.log("出错了",err);
            })

        }


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