接口统一配置

原创已于 2023-01-17 18:07:32 修改 · 145 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #前端 #javascript

于 2023-01-13 17:41:07 首次发布

文章讲述了如何在JavaScript中创建一个名为product.js的文件，用于存放API接口。它导入了axios库和定义的api模块。接口category被导出并在需要的地方使用request.get调用，接收payload参数。在页面应用中，通过api.getProductData来获取数据。

创建api放置地址

抛出地址

export default {

 category: `/dev/adminapi/product/category/tree/1`,//自定义名称:接口地址

}

创建product.js文件,放置接口应用形式

import request from '@/utils/request';//引入axios 和 api

import api from './api';

//抛出接口用法,payload是传过来的参数api.category是api里面定义的地址名称

 export const getCategory = (payload) => request.get(api.category, payload);

页面应用

import api from './api';

const res = yield call(api.getProductData, payload)