http://www.axios-js.com/zh-cn/docs/

  1. get传值 -- 放在params里面
  2. post传值 -- 放在data里面
  1. Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。

9-1 安装

  1. // 使用 npm
  2. $ npm install axios
  3. // 使用 bower
  4. $ bower install axios
  5. // 使用 cdn
  6. <script src="https://unpkg.com/axios/dist/axios.min.js"></script>

9-2 get

  1. axios.get(url).then(res=>{
  2.   console.log(res);
  3. })
  1. // var url = "http://192.168.4.18:3000/search?keywords=你"
  3. axios.get("http://192.168.4.18:3000/search",{
  4.   params:{
  5.     keywords:"你"
  6.   }
  7. }).then(res=>{
  8.   console.log(res);
  9. })

9-3 axios

  1. axios({
  2.     url,
  3.     baseURL,
  4.     method,
  5.     params:{}  //问号后面的值
  6. }).then(res=>{
  7.     console.log(res)
  8. })
  1. axios({
  2.   url:"/search",
  3.   baseURL:"http://192.168.4.18:3000",
  4.   method:"get",
  5.   params:{
  6.     keywords:"你"
  7.   }
  8. }).then(res=>{
  9.   console.log(res);
  10. })

9-4 axios二次封装

  1. var baseURL="http://192.168.4.18:3000/"
  2. function http({
  3.   url,
  4.   method:"get",
  5.   params:{}
  6. }){
  7.   return axios({
  8.     url,
  9.     baseURL,
  10.     method,
  11.     params
  12.   })
  13. }
  1. http({
  2.   url:"/album?id=96964667",
  3. }).then(res=>{
  4.   console.log(res)
  5. })
  8. http({
  9.   url:"/album",
  10.   params:{
  11.     id:"96964667"
  12.   }
  13. }).then(res=>{
  14.   console.log(res)
  15. })