【干货】接口公共方法(字典表查询)

公共方法

javascript 复制代码
import * as api from '@/api/commonAjax.js';

//获取字典表
const getAjaxListCommon=function(mm,backfun) {
    let ajaxFun=""
    if(mm==1){//字典表1
        ajaxFun="getAjax1"
    }else if(mm==2){//字典表2
        ajaxFun="getAjax12"
    }
    api[ajaxFun]({}).then((res)=>{
        if(res.code==200){
            let copy=JSON.parse(JSON.stringify(res.data))
            backfun(copy)
        }
    })
}

后台方法

javascript 复制代码
import createService from '@utils/request.js';
const commonUrl = createService("http://111.111.111.111:9999");

//字典表1
export function getAjax1(params) {
    return commonUrl({
        url: '/ajaxAddr',
        method: 'get',
        params:params,
    });
}
//字典表2
export function getAjax2(data) {
    return commonUrl({
        url: '/ajaxAddr66',
        method: 'post',
        data,
    });
}

使用步骤

javascript 复制代码
步骤1:
    将【公共方法】添加至./src/assets/commonOpt.js(新建脚本)
步骤2:
    将【后台方法】添加至./src/api/commonAjax.js(新建脚本)
步骤3:
    【main.js】添加以下代码:
        import * as commonOpt from '@/assets/commonOpt.js';
        Vue.prototype.$commonOpt = commonOpt;
步骤4:
    使用公共方法:
        this.$commonOpt.getAjaxListCommon(1,function(list){ 
            console.log(list) 
        })
相关推荐
啊~哈8 分钟前
页面弹窗适配问题
前端·javascript·vue.js
工呈士15 分钟前
构建优化策略:Tree Shaking、代码分割与懒加载
前端·面试
用户3273242098718 分钟前
logger2js - JavaScript日志与调试工具库
javascript
骑自行车的码农20 分钟前
React Suspense实现原理深度解析 1
前端·react.js
安然dn23 分钟前
Interact.js 一个轻量级拖拽库
javascript
还是一只小牛23 分钟前
探秘 React Native:线程探索及桥优化
android·前端
Face23 分钟前
Vue源码核心模块解析
前端·vue.js
Canmick24 分钟前
记一次无语的 Vite 构建配置问题排查
前端
FogLetter25 分钟前
从"乱炖"到"法式大餐":Promise如何优雅地管理异步流程
前端·javascript
鹘一26 分钟前
SSE实现deepseek流式输出
前端