Vue 3.0引入axios
发布日期:2021-06-29 11:14:34
浏览次数:3
分类:技术文章
本文共 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 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!
发表评论
最新留言
路过按个爪印,很不错,赞一个!
[***.219.124.196]2024年04月08日 19时25分18秒
关于作者
喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!
推荐文章
二分查找及原理
2019-04-29
torch Missing key(s) in state_dict
2019-04-29
PA,MIOU,FWIOU
2019-04-29
数组-769. 最多能完成排序的块
2019-04-29
超过256的像素值的保存
2019-04-29
middle-判断二分图-深度优先和广度优先
2019-04-29
二进制补码和原码的记录
2019-04-29
无重叠区间+用最少数量的箭引爆气球
2019-04-29
买卖股票的最佳时机
2019-04-29
非递减数列
2019-04-29
AUC粗浅理解笔记记录
2019-04-29
分治法:241. 为运算表达式设计优先级
2019-04-29
广度优先遍历:二进制矩阵中的最短路径
2019-04-29
广度优先遍历:set集合的速度远远比list快:完全平方数
2019-04-29
广度+深度:岛屿的最大面积/岛屿数量
2019-04-29
torch 模型运行时间与forward没对应的可能原因
2019-04-29
130. 被围绕的区域
2019-04-29
欧式距离、余弦相似度和余弦距离
2019-04-29
transform 等效转换(参考源码)
2019-04-29
Docker学习(二):Docker基本操作(控制容器)
2019-04-29