当前位置:   article > 正文

vue-axios网络请求封装_axios.create().get

axios.create().get

简单aixos实现get和post请求

1.安装aixos  -----$ npm install axios

2.引入aixos

  1. <button @click="getHandle">发送get请求</button>
  2. <button @click="postHandle">发送post请求</button>
  3. methods: {
  4. getHandle() {
  5. //axios.get 发起get请求
  6. //参数一表示请求地址
  7. //参数二表示配置信息
  8. // params 表示传递到服务器端的数据,以url参数形式拼接在请求地址后面
  9. // headers 表示请求头
  10. axios
  11. .get("https://api.cat-shop.penkuoer.com/api/v1/products", {
  12. params: {
  13. page: 3,
  14. per: 2,
  15. },
  16. headers: {},
  17. })
  18. .then((res) => console.log(res));
  19. },
  20. postHandle() {
  21. //post请求传递三个参数
  22. //请求地址
  23. //传递的数据 在请求体中传递
  24. //axios默认发送的数据是json格式的
  25. //配置信息
  26. //headers中有content-type:'application/json'默认的
  27. // 登录
  28. axios
  29. .post(
  30. "https://api.cat-shop.penkuoer.com/api/v1/auth/login",
  31. {
  32. use
声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/从前慢现在也慢/article/detail/218978
推荐阅读
相关标签
  

闽ICP备14008679号