axios是一个http的请求库

axios.get(url).then(res=>{
console.log(res)**

1.axios

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6.     <title>Document</title>
  7.     <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
  8. </head>
  9. <body>
  10.     <script>
  11.         // axios是一个http的请求库
  12.         var url ="http://192.168.4.18:3000/search?keywords=你";
  13.         // axios.get(url).then(res=>{
  14.         //     console.log(res)
  15.         // })
  16.         axios.get("http://192.168.4.18:3000/search",{
  17.             params:{
  18.                 keywords:"你"
  19.             }
  20.         }).then(res=>{
  21.             console.log(res)
  22.         })
  23.     </script>
  24. </body>
  25. </html>

2.axios

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>

</head>
<body>
    <script>
        var url ="/search"
        axios({
            url,
            baseURL:"http://192.168.4.18:3000",
            method:"get",
            params:{
                keywords:"你"
            }
        }).then(res=>{
            console.log(res)
        })
    </script>
</body>
</html>

封装的axios

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
    <script src="axios/http.js"></script>
</head>
<body>
    <script> 
     http({
         url:"/album?id=96964667"
     }).then(res=>{
         console.log(res)
     })
     http({
         url:"/album",
         params:{
             id:"96964667"
         }
     }).then(res=>{
         console.log(res)
     })
    </script>
</body>
</html>

axios.js

var baseURL ="http://192.168.4.18:3000/"
function http({
    url,
    method="get",
    params={}
}){
    return axios({
        url,
        baseURL,
        method,
        params
    })
}