uni-app：关于小程序开发规范与架构设计的理解

pckzzy117

于 2024-04-04 13:26:18 发布

阅读量280

点赞数 10

分类专栏： 2024年程序员学习文章标签： uni-app

本文链接：https://blog.csdn.net/pckzzy117/article/details/137373182

版权

if (env === ‘dev’) {

//开发环境

var ENV_CONFIG = require('@/env/.env.dev.js');

} else if (env === ‘test’) {

//测试环境

var ENV_CONFIG = require('@/env/.env.test.js');

} else if (env === ‘rc’) {

//rc环境

var ENV_CONFIG = require('@/env/.env.rc.js');

} else if (env === ‘prod’) {

//生产环境

var ENV_CONFIG = require('@/env/.env.prod.js');

}

//给环境变量process.uniEnv赋值使用 process.uniEnv.baseUrl

if (ENV_CONFIG) {

process.uniEnv = {};

for (let key in ENV_CONFIG) {

	process.uniEnv[key] = ENV_CONFIG[key];

}

}




如【.env.test.js】文件，内容如下：

const config = {

baseUrl: 'http://baidu.com',// 主域名

// xmUrl: 'http://test1-baidu.com',// 私网 - 内部测试用

xmUrl: 'https://test-baidu.cn',// 外网映射 - 审核使用

bfUrl: 'http://alpha-baidu.cn',

wxUrl: 'http://wx.baidu.com:8080',

wxServer:'https://wxserver.baidu.cn/WeiXinServer',

environment: 'test' // dev test rc prod

}

module.exports = config;




文件在【main.js】引用：

import ‘@/env/.env.js’




[]( )2.3、API集中管理

------------------------------------------------------------------------------



1、参照官方文档：[API集中管理]( )。  

2、文档中：准备工作、说明、引入、使用，已经描述的很清楚，这里不再赘述。  

如【http.mine.api.js】文件，内容如下：

// 创建 User 模块方法，方法内的方法共享 vm 对象

let Mine = (vm) => {

return {

	// 获取xxx信息

	getAxxxRequest: (params) => {

		const header = {

			'content-type': 'application/x-www-form-urlencoded'

		}// 请求头content-type不设置，默认utf-8格式

		return vm.$u.post(process.uniEnv.xmUrl + '/xxx/xxx/v1.0', params, {}