vue记录——vue-admin-templet中使用axios发ajax请求及使用格式

   日期:2020-08-27     浏览:79    评论:0    
核心提示:详细教程首先在控制台安装axios

详细教程

  1. 首先在控制台安装axios
    使用命令
npm install axios --save
  1. 在需要使用axios的vue组件中引入
import axios  from 'axios';
  1. 在方法中发送ajax请求
//get请求
axios({
          method: 'get',
          url:'http://localhost:8082/login',
          params:{
          username:"admin",
          password:"admin"
          }
        }).then((res)=>{
          //这里是请求成功后执行的内容,res为返回的数据
        }).catch(()=>{
          //这里是请求失败执行的内容
        });
        
//post请求
axios({
          method: 'post',
          url:'http://localhost:8082/login',
          data:this.loginForm
        }).then((res)=>{
          //这里是请求成功后执行的内容,res为返回的数据
        }).catch(()=>{
          //这里是请求失败执行的内容
        });
  1. 写完之后即可测试ajax是否发送成功(提前配好后端的接口映射,这里主要讲axios,后端接口就不讲)

 
打赏
 本文转载自:网络 
所有权利归属于原作者,如文章来源标示错误或侵犯了您的权利请联系微信13520258486
更多>最近资讯中心
更多>最新资讯中心
0相关评论

推荐图文
推荐资讯中心
点击排行
最新信息
新手指南
采购商服务
供应商服务
交易安全
关注我们
手机网站:
新浪微博:
微信关注:

13520258486

周一至周五 9:00-18:00
(其他时间联系在线客服)

24小时在线客服