Uni-App 配置文件:单个导出 configService 和 baseurl
Uni-App 配置文件:单个导出 configService 和 baseurl
let BASE_URL = '';
if (uni.getStorageSync('base_url') == '' || typeof uni.getStorageSync('base_url') == 'undefined') {
uni.setStorageSync('base_url', 'http://10.245.181.68:7080/jeecg-boot');
}
BASE_URL = uni.getStorageSync('base_url');
let staticDomainURL = BASE_URL + '/sys/common/static';
export const baseurl = BASE_URL;
export const configService = {
apiUrl: BASE_URL,
staticDomainURL: staticDomainURL
};
代码解释:
let BASE_URL = '';:定义一个变量BASE_URL,用于存储 API 基础 URL。if (uni.getStorageSync('base_url') == '' || typeof uni.getStorageSync('base_url') == 'undefined') { ... }:检查本地存储中是否已存在base_url,如果没有则将其设置为默认值。BASE_URL = uni.getStorageSync('base_url');:将本地存储中的base_url值赋给BASE_URL变量。let staticDomainURL = BASE_URL + '/sys/common/static';:定义一个变量staticDomainURL,用于存储静态资源 URL。export const baseurl = BASE_URL;:导出baseurl变量,方便其他组件或模块调用。export const configService = { ... };:定义configService对象,包含apiUrl和staticDomainURL属性,并将其导出,方便其他组件或模块访问配置信息。
使用说明:
- 在需要访问 API 或静态资源的组件或模块中,导入
baseurl或configService变量:
import { baseurl, configService } from './config.js'; // 假设配置文件名为 config.js
- 使用
baseurl变量访问 API:
fetch(baseurl + '/api/users');
- 使用
configService对象访问 API 或静态资源:
fetch(configService.apiUrl + '/api/users');
const staticUrl = configService.staticDomainURL + '/images/logo.png';
优点:
- 将 API 和静态资源 URL 集中管理,方便维护。
- 通过本地存储实现动态配置,可根据不同环境设置不同的 URL。
- 导出
baseurl和configService变量,方便其他组件或模块访问配置信息。
注意:
- 确保本地存储中
base_url的值是正确的 API 基础 URL。 - 根据实际需求调整 API 和静态资源 URL 的路径。
- 在开发环境和生产环境中,可能需要设置不同的
base_url,例如:
let BASE_URL = '';
if (process.env.NODE_ENV == 'development') {
BASE_URL = 'http://localhost:8080'; // 开发环境
} else {
BASE_URL = 'https://api.example.com'; // 生产环境
}
原文地址: https://www.cveoy.top/t/topic/p04E 著作权归作者所有。请勿转载和采集!