Vue的axios请求(get请求)
程序员文章站
2022-07-04 21:19:48
...
1. 首先在Vue项目中安装axios
$ npm install --save axios
2. 在项目main.js 里 引入axios 如下:
import axios from 'axios'
Vue.prototype.$http = axios
3. 在需要使用axios的组件(.vue) 文件
import axios from ‘axios’
4. 在组件 methods的函数中,使用axios
methods: {
getdata: function() {
var url = "https://cnodejs.org/api/v1/topics";
// 发送请求:将数据返回到一个回到函数中
var that = this;
// 并且响应成功以后会执行then方法中的回调函数
axios.get(url).then(function(result) {
// result是所有的返回回来的数据
// 包括了响应报文行
// 响应报文头
// 响应报文体
console.log(result.data.data);
that.goodlist = result.data.data;
});
}
}
5. 在组件的某标签中设置@click事件,调用函数(请求数据)
<v-btn @click="getdata"></v-btn>
推荐阅读
-
利用Promise自定义一个GET请求的函数示例代码
-
python 多线程对post请求服务器测试并发的方法
-
SQLServer2000 报1053错误(服务没有及时响应或控制请求)的解决方法
-
Android中发送Http请求(包括文件上传、servlet接收)的实例代码
-
Ajax请求PHP后台接口返回信息的实例代码
-
postman的安装与使用方法(模拟Get和Post请求)
-
ajax请求步骤详细代码(前端ajax请求的五个步骤)
-
ajax菜鸟教程(jq请求ajax的方法)
-
vue axios封装及API统一管理的方法
-
完美解决node.js中使用https请求报CERT_UNTRUSTED的问题