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

  • Post author:
  • Post category:vue


引言:笔者为前端小白,本文乃笔者初学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



版权声明:本文为hellowwj0715原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。