uni-app 配置 API 地址和静态资源路径
uni-app 配置 API 地址和静态资源路径
在 uni-app 项目中,我们通常需要根据不同的环境配置不同的 API 地址和静态资源路径。例如,在开发环境下,我们可能使用本地服务器,而生产环境下则使用线上服务器。
下面提供一个示例代码,演示如何在 uni-app 项目中配置 API 地址和静态资源路径。
let BASE_URL = 'http://1.13.18.63:90/jeecg-boot'
// 'http://1.13.18.63:90/jeecg-boot'
// if (process.env.NODE_ENV == 'development') {
// BASE_URL = 'http://10.245.181.68:7080/jeecg-boot' // 开发环境
// } else {
// BASE_URL = 'http://10.245.181.68:7080/jeecg-boot' // 生产环境
// }
if (uni.getStorageInfoSync('base_url') == '' || typeof uni.getStorageInfoSync('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';
const configService = {
apiUrl: BASE_URL,
staticDomainURL: staticDomainURL
};
export default configService
// 再导出 baseurl
export const BASE_URL = uni.getStorageSync('base_url')
代码说明:
- 首先定义
BASE_URL变量,用于存储 API 地址。 - 然后,我们使用
uni.getStorageInfoSync()方法获取本地存储中的base_url值,如果存储中不存在该值,则使用默认地址http://10.245.181.68:7080/jeecg-boot并存入本地存储。 - 最后,将
BASE_URL和静态资源路径staticDomainURL存储在一个configService对象中,并使用export default导出该对象,方便其他组件使用。
注意:
- 上述代码使用了本地存储
uni.getStorageInfoSync()来存储 API 地址,您可以根据实际情况选择其他存储方式。 - 请根据实际情况修改代码中的 API 地址和静态资源路径。
通过以上方法,我们可以轻松地配置 API 地址和静态资源路径,并根据不同的环境灵活调整请求地址。
原文地址: https://www.cveoy.top/t/topic/p04t 著作权归作者所有。请勿转载和采集!