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=你"
  2. axios.get("http://192.168.4.18:3000/search",{
  3. params:{
  4. keywords:"你"
  5. }
  6. }).then(res=>{
  7. console.log(res);
  8. })

9-3 axios

  1. get 传值 params:{}
  2. post 传值 data:{}
  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. })
  6. http({
  7. url:"/album",
  8. params:{
  9. id:"96964667"
  10. }
  11. }).then(res=>{
  12. console.log(res)
  13. })