vue怎么使用axios发送ajax请求

682
2021/5/8 13:47:44
栏目: 编程语言
开发者测试专用服务器限时活动,0元免费领,库存有限,领完即止! 点击查看>>

在vue中使用axios发送ajax请求的方法:1.新建vue.js项目;2.使用npm命令下载axios;3.使用import方法导入axios;4.执行代码发送ajax请求;

vue怎么使用axios发送ajax请求

具体步骤如下:

1.首先,在vue-cli中创建一个vue.js项目;

vue create project-name

2.vue.js项目创建好后,在项目中使用npm命令下载axios文件;

npm install axios --save

3.axios文件下载好后,使用import方法将axios导入到vue.js项目中;

import axios from ‘axios‘

4.最后,导入axios后,在项目中执行以下代码即可发送ajax请求;

axios.get(url) .then(

response=>{

console.log(response.data)// 得到返回结果数据

}) .catch(

error=>{

console.log(error.message)//错误信息

})

辰迅云「云服务器」,即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘,价格低至29元/月。点击查看>>

推荐阅读: vue与react的区别