axios是一个基于 promise 的 HTTP 库,详细了解可以看axios中文说明。
(1)安装 axios
使用 cnpm 安装 axios:
进入到项目所在文件夹,输入如下命令:
cnpm install axios -S
安装成功后可以在package.json文件中看到:
(2)引入axios
可以在页面中引入,但是考虑到基本每个页面中都会用到 axios,为了避免重复引入,所以在入口文件中引入 axios:
在/src/main.js中加入代码:
import axios from 'axios';
Vue.prototype.$axios = axios;
(3)在组件中使用 axios
界面时Element UI 的Table组件表格,使用 axios 获取 Swagger UI 接口获取到后台数据,并将其填充到表格中。
<template>
<el-table :data="tableData" border class="data_table">
<el-table-column prop="desc" label="描述" width="200">
</el-table-column>
<el-table-column prop="name" labe