vue封装接口

简介: vue封装接口

vue3-admin-template来举例

找到src下的api

在里面创建一个名为Api.js的文件

1,在里面写入接口

import axios from 'axios'//先引入axios
export async function menusIndex(data) {
  //这个data代表传过来的值
  return axios({
    url: '要请求的地址',
    method: 'POST',
    data,
  })
}

2,在页面中

import {staffList} from '@/api/Api.js';//引入

3,以这样的格式进行请求接口

staffIndex({
参数名:参数值,
参数名:参数值,
参数名:参数值
}).then(res=>{
console.log(res)
})



相关文章
|
4天前
|
JavaScript 前端开发 安全
Vue响应式设计
【5月更文挑战第30天】Vue响应式设计
25 1
|
4天前
|
JavaScript 程序员 网络架构
vue路由从入门到进阶 --- 声明式导航详细教程
vue路由从入门到进阶 --- 声明式导航详细教程
vue路由从入门到进阶 --- 声明式导航详细教程
|
4天前
|
资源调度 JavaScript UED
vue路由的基础知识总结,vueRouter插件的安装与使用
vue路由的基础知识总结,vueRouter插件的安装与使用
|
4天前
|
JavaScript
|
4天前
|
编解码 JavaScript API
Vue在移动端的表现如何?
【5月更文挑战第30天】Vue在移动端的表现如何?
11 2
|
4天前
|
JavaScript 前端开发 API
Vue与其他框架的对比优势
【5月更文挑战第30天】Vue与其他框架的对比优势
11 1
|
5天前
|
JavaScript
Vue常用知识点总结
Vue常用知识点总结
12 0
|
1天前
|
JavaScript API
vue组合式和选项式
vue组合式和选项式
3 2
|
5天前
|
JavaScript Java 测试技术
基于vue和微信小程序的校园自助打印系统+springboot+vue.js附带文章和源代码设计说明文档ppt
基于vue和微信小程序的校园自助打印系统+springboot+vue.js附带文章和源代码设计说明文档ppt
25 7