首页 > 其他分享 >vue api 模块自动化 加载

vue api 模块自动化 加载

时间:2023-02-28 17:55:14浏览次数:31  
标签:... vue const api API data apiEntire 加载

1. 创建一个 index。js 文件

// api模块化自动加载   const files = require.context('./', true, /\Api.js$/) // eslint-disable-next-line import/no-mutable-exports   let apiEntire = {} files.keys().forEach((key) => {     const tmp = files(key).default     apiEntire = { ...apiEntire, ...tmp } })
export default apiEntire     2. 随意放入哪个全局js 文件中 const API = {}     for (const i in apiEntire) {         // 调用api时候的参数         // 第一位为 data表单提交 第二位为 params参数  第三位为直接追加值         API[i] = function (data = '', params = '', joinUrl = '') {             const { url, method, headers } = { ...apiEntire[i] }             return $axios({                 url: url + joinUrl,                 method,                 headers,                 data,                 params             })         }     }     app.api = API     inject('api', API)

标签:...,vue,const,api,API,data,apiEntire,加载
From: https://www.cnblogs.com/yuerdong/p/17165416.html

相关文章

  • kaufland平台api
    classKauflandapiControllerextendsYbController{public$header,$url,$secretKey,$ClientKey;/***GetDiscussionMailListResponseconstr......
  • openApi 使用
    1、先登录获取token  2、调用标准的费用报销单接口  {"api":"cpbcOpenAPI_importBill","data":["4A44F49F",[{"overAmountDesc":"1111","bosType":"4A44F49F","is......
  • vue双向绑定和双向修改写法总结
    2.x双向绑定//使用value和input老式写法<ChildComponentv-model="pageTitle"/>//是以下的简写<ChildComponent:value="pageTitle"@input="pageTitle=$event"/......
  • Vue基础
    一、Vue的介绍与描述Vue(读音/vjuː/,类似于view)是一套用于构建用户界面的渐进式框架;与其它大型框架不同的是,Vue被设计为可以自底向上逐层应用;Vue的核心库只关注视......
  • vue3 路由
      vue2在2023年12月份开始停止维护,说实话,很苦逼,很多人根本还停留在vue2思想的时代,包括我自己 。之前一直在写vue的服务端渲染,好长时间已经忘了vue-router创......
  • 使用 “apifm-wxapi” 快速开发小程序
    步骤一、安装apifm-wxapi1、npminit初始化项目先你需要检查一下你的小程序项目是否支持npm,判断标准很简单,你看一下你的小程序根目录下有没有“package.json”......
  • VUE2 自定义指令
    简写方式(有弊端)<h2>{{name}}</h2><h2>当前的n值是:{{n}}</h2><h2v-big="n">放大10倍后的n值是:{{n}}</h2><button@click="n++"></button>data(){return{......
  • Vue项目中通过 avatarUrl: require('@/assets/user-avatar.png')出现required is not
    参考:https://blog.csdn.net/qq_37130872/article/details/128133646useImages.js//获取assets静态图片exportconstgetAssetsImge=(name)=>{returnne......
  • 路飞-前端vue准备工作
    目录前端全局样式清除全局js变量配置axios全局使用/cookies全局使用安装elementui前端全局样式清除创建vue脚手架搭建项目,VUE2版本在src---assets文件夹下创建css文件夹......
  • Hive加载HDFS文件注意事项
      Flink读取kafka数据写入hdfs,生成了带下划线的文件名,创建hive表指定该路径,发现数据读取不出来。    查阅源码,原来是会忽悠带下划线和.的文件。   ......