vue如何使用axios请求后端数据

企鹅博客
企鹅博客
企鹅博客
25193
文章
0
评论
2020年8月28日21:37:56 评论 111 views

这篇文章主要介绍了关于vue如何使用axios请求后端数据,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下

1. 安装axios

$ npm install axios

2.在main.js里面导入axios

import axios from 'axios'Vue.prototype.$http = axios

3.下面就可以使用axios获取数据了

// 发送get请求// 向具有指定ID的用户发出请求this.$http.get('/user?ID=12345')
  .then(response => {
    console.log(response);
  })// 错误处理
  .catch(error => {
    console.log(error);
  });// 也可以通过 params 对象传递参数$http.get('/user', {    params: {
      ID: 12345
    }
  })
   .then(response => {
    console.log(response);
  })// 错误处理
  .catch(error => {
    console.log(error);
  });
// 发送post请求this.$http.post('/user', {
    firstName: 'Fred',
    lastName: 'Flintstone'
  })
  .then(response => {
    console.log(response);
  })
  .catch(error => {
    console.log(error);
  });

相关推荐:

vue使用axios跨域请求数据实例详解

axios客户端中ajax请求方式

以上就是vue如何使用axios请求后端数据的详细内容,更多请关注php教程其它相关文章!

企鹅博客
  • 本文由 发表于 2020年8月28日21:37:56
  • 转载请务必保留本文链接:https://www.qieseo.com/405517.html
使用js提交表单form js教程

使用js提交表单form

首先我们先用html创建一个表单 Name: Email: <--一般情况下,这里是使用submit--> 在这个表单中,我们没用使用submit,我们准备使用js来提交这个表单。首先介绍...
js下载以及修改文件名的实例教程 js教程

js下载以及修改文件名的实例教程

这篇文章主要为大家详细介绍了js下载文件并修改文件名的代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下 用js下载文件,使用<a>标签,添加download属性即可。 var a =...
匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: