axios是一个http的请求库,与ajax类似

  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. }//?后面的值可以放在params中
  6. }).then(res=>{
  7. console.log(res)
  8. })

baseURL

url = url + baseURL

  1. <script>
  2. var url ="/search"
  3. axios({
  4. url,
  5. baseURL:"http://192.168.4.18:3000",
  6. method:"get",
  7. params:{
  8. keywords:"你"
  9. }
  10. }).then(res=>{
  11. console.log(res)
  12. })
  13. </script>

封装的axios

  1. //js
  2. var baseURL ="http://192.168.4.18:3000/"
  3. function http({
  4. url,
  5. method="get",
  6. params={}
  7. }){
  8. return axios({
  9. url,
  10. baseURL,
  11. method,
  12. params
  13. })
  14. }
  15. //html
  16. <script>
  17. http({
  18. url:"/album?id=96964667"
  19. }).then(res=>{
  20. console.log(res)
  21. })
  22. http({
  23. url:"/album",
  24. params:{
  25. id:"96964667"
  26. }
  27. }).then(res=>{
  28. console.log(res)
  29. })
  30. </script>