vue-cli 4+axios+代理+封装 案例代码分享

本文是作者作为前端新手学习axios的心得,提供了在Vue-cli 4环境中,直接使用axios和进行简单封装加代理的两种方案。详细介绍了axios的基础使用、get/post请求方法,以及如何配置vue.config.js文件进行代理设置。代码经过验证,适合初学者参考。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

引言:笔者为前端小白,本文乃笔者初学axios,参考无数资料写下Demo的代码分享,介于网上资料虽然多但是大多需要不断尝试才能验证真伪,本文代码皆是笔者验证可行的代码,希望能给同是小白的小伙伴带来一点便利(拿去拿去,不用客气~ ^!^)

项目背景:前端框架是Vue-cli4.0,http请求处理使用axios,后端java/数据库Mysql(小伙伴友情协助,此处点36个赞!)

方案一:axios直接使用

1、使用基础:

1)安装axios:

npm install -save axios

2)在main,js中饮用axios:

// 全局引入axios,并进行全局注册
import axios from "axios";
Vue.prototype.$axios = axios;

2、get请求(参数写在params结构体内)

this.$axios({
  method: "GET",
  url: "/gerUsers",
  params: {
    id: id //get请求中使用params传递参数
  }
})
.then(response => {
console.log(response.data);
})
.catch(err => {
  console.log(err);
})

3、post请求(需要写明 co

评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值