axios语法

最新推荐文章于 2024-04-17 08:00:00 发布

vvfar

最新推荐文章于 2024-04-17 08:00:00 发布

阅读量206

点赞数

分类专栏：前端文章标签： vue.js

本文链接：https://blog.csdn.net/qq_26798533/article/details/123927050

版权

前端专栏收录该内容

24 篇文章 1 订阅

订阅专栏

1、全局引入

import Axios from "axios"

Vue.prototype.$axios=Axios.create({
  baseURL:config.baseApi
});

Vue.prototype.$config=config;

2、建立config文件

export default{
    baseApi:"http://vueshop.glbuys.com/api",
    token:"1ec949a15fb709370f"
}

3、视图

created(){
      // this.$axios.get("http://vueshop.glbuys.com/api/home/category/menu?token=1ec949a15fb709370f").then(res=>{
      //   if(res.data.code==200){
      //     this.dataList=res.data.data
      //   }
      // })

      let params=new URLSearchParams();
      params.append("cellphone","13717628483");
      params.append("password","123456");

      // this.$axios.post("http://vueshop.glbuys.com/api/home/user/pwdlogin?token=1ec949a15fb709370f",params).then(res=>{
      //   console.log(res)
      // })

      this.$axios({
        url:"/home/category/menu?token="+this.$config.token 
      }).then(res=>{
        console.log(res);
        if(res.data.code==200){
          this.dataList=res.data.data;
        }
      })

      this.$axios({
        url:`/home/category/menu?token=${this.$config.token}` 
      }).then(res=>{
        console.log(res);
      })
      
    },