本文共 1510 字，大约阅读时间需要 5 分钟。

安装Axios

使用 npm:

$ npm install axios

修改axios.js

修改src/plugins/axios.js为：

import axios from "axios";// Full config:  https://github.com/axios/axios#request-config// axios.defaults.baseURL = process.env.baseURL || '';// axios.defaults.headers.common['Authorization'] = AUTH_TOKEN;// axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded';let config = {
   	//baseURL: process.env.baseURL || ' '	// timeout: 60 * 1000, // Timeout	// withCredentials: true, // Check cross-site Access-Control};const _axios = axios.create(config);_axios.interceptors.request.use(	function(config) {
   		// Do something before request is sent		return config;	},	function(error) {
   		// Do something with request error		return Promise.reject(error);	});// Add a response interceptor_axios.interceptors.response.use(	function(response) {
   		// Do something with response data		return response;	},	function(error) {
   		// Do something with response error		return Promise.reject(error);	});export default _axios;

全局引入

在main.js中加入

import axios from './plugins/axios'

在const app = createApp(App)后全局引入axios

app.config.globalProperties.$axios = axios;

Axios使用

this.$axios.get('/***')  .then( res => {
       // 处理成功情况    console.log(response);  })  .catch( error =>  {
       // 处理错误情况    console.log(error);  })this.$axios.post('/***', {
       ****: '****',    ****: '****'  })  .then( res => {
       // 处理成功情况    console.log(response);  })  .catch( error =>  {
       // 处理错误情况    console.log(error);  })

转载地址：https://blog.csdn.net/zwhy123/article/details/117912871 如侵犯您的版权，请留言回复原文章的地址，我们会给您删除此文章，给您带来不便请您谅解！