1.简单的demo

axios的get请求的数据要放在params里面，post请求数据放在data里面

  1.     <script>
  2.         axios.get('http://192.168.4.18:3000/searc?keywords=你')
  3.             .then(function (response) {
  4.                 console.log(response);
  5.             })
  6.             .catch(function (error) {
  7.                 console.log(error);
  8.             });
  10.         上面的请求也可以这样做
  11.         axios.get('http://192.168.4.18:3000/search', {
  12.                 params: {
  13.                     keywords:"你"
  14.                 }
  15.             })
  16.             .then(function (response) {
  17.                 console.log(response);
  18.             })
  19.             // .catch(function (error) {
  20.             //     console.log(error);
  21.             // });
  22.     </script>

2.使用实例

    <script>
        var baseURL = "http://192.168.4.18:3000"
        axios({
            method:'get',
            baseURL,
            url: "/album?",
            params: {
                id:"96964667"
            }
        }).then(res => {
            console.log(res);
            res.data.songs.forEach(element => {
                var html = `
                <p>${element.al.name}</p>
            `
            $(".app").append(html);
            });
        })
    </script>

3.二次封装

    <script>
        var baseURL = "http://192.168.4.18:3000/"

        function http({
            url,
            method = "get",
            params = {}
        }) {
            return axios({
                url,
                baseURL,
                method,
                params
            })
        }
        http({
            url: "/album?id=96964667"
        }).then(res => {
            console.log(res)
        })
        http({
            url: "/album",
            params: {
                id: "96964667"
            }
        }).then(res => {
            console.log(res)
        })
    </script>