Vue中使用axios向后端发送请求获取数据

在vue中，推荐使用Axios发送请求, Axios 是一个基于promise网络请求库，作用于node.js 和浏览器中，通过axios可以向客户端发送ajax请求。

1. 使用npm安装axios插件

跳转到项目根目录下面

使用npm install axios密令进行安装

2. 配置

在main.js全部全局变量中配置

import axios from 'axios';

Vue.prototype.$axios = axios

在页面中使用this.$axios.post('url')发送请求

this.$axios.post('http://localhost:8080/login').then(res => {
     console.log(res);
}).catch(error =>{
     console.log(error);
});

3. 二次封装

在src目录下创建api文件夹，创建request.js文件用于封装axios代码