Vue中使用axios请求后端接口

2022-10-26 19:32:16 浏览数 (4)

前言

axios 是什么

Axios其实就是一个用于发送ajax请求的HTTP库,本质上是对AJAX的封装。而且Axios支持 Promise操作, 让我们无需再使用传统callback方式来进行异步编程。(Promise 是JS中进行异步编程的一种解决方案。)

1.安装

代码语言:javascript复制
npm install axios

2.在main.js中使用axios

代码语言:javascript复制
import axios from 'axios'
// axios.defaults.baseURL = 'https://localhost:8080/'
Vue.prototype.axios = axios

3.使用

代码语言:javascript复制
this.axios
    .get('/api/test',{
         params: {}
      })
     .then(function (response) {
      console.log(JSON.stringify(response.data))
     });

0 人点赞