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
};

代码解释:

  1. let BASE_URL = '';:定义一个变量 BASE_URL,用于存储 API 基础 URL。
  2. if (uni.getStorageSync('base_url') == '' || typeof uni.getStorageSync('base_url') == 'undefined') { ... }:检查本地存储中是否已存在 base_url,如果没有则将其设置为默认值。
  3. BASE_URL = uni.getStorageSync('base_url');:将本地存储中的 base_url 值赋给 BASE_URL 变量。
  4. let staticDomainURL = BASE_URL + '/sys/common/static';:定义一个变量 staticDomainURL,用于存储静态资源 URL。
  5. export const baseurl = BASE_URL;:导出 baseurl 变量,方便其他组件或模块调用。
  6. export const configService = { ... };:定义 configService 对象,包含 apiUrlstaticDomainURL 属性,并将其导出,方便其他组件或模块访问配置信息。

使用说明:

  1. 在需要访问 API 或静态资源的组件或模块中,导入 baseurlconfigService 变量:
import { baseurl, configService } from './config.js'; // 假设配置文件名为 config.js
  1. 使用 baseurl 变量访问 API:
fetch(baseurl + '/api/users');
  1. 使用 configService 对象访问 API 或静态资源:
fetch(configService.apiUrl + '/api/users');
const staticUrl = configService.staticDomainURL + '/images/logo.png';

优点:

  • 将 API 和静态资源 URL 集中管理,方便维护。
  • 通过本地存储实现动态配置,可根据不同环境设置不同的 URL。
  • 导出 baseurlconfigService 变量,方便其他组件或模块访问配置信息。

注意:

  • 确保本地存储中 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'; // 生产环境
}
Uni-App 配置文件:单个导出 configService 和 baseurl

原文地址: https://www.cveoy.top/t/topic/p04E 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录