【feat】【第一版开发】

1.增加环境配置分离

.env.development

@@ -1 +0,0 @@
-VUE_APP_API_URL='http://localhost:8080/'

README.md

@@ -8,6 +8,14 @@
 
 
 
+## 全局变量
+
+| 变量         | 描述        |
+| ------------ | ----------- |
+| BASE_API_URL | 后端API地址 |
+
+
+
 ## 配置跨域代理（vue3+vite）
 
 配置代理实质是配置vite，因此在根目录下创建一个vite.config.js文件，并添加如下配置
@@ -44,3 +52,52 @@ export default defineConfig({
 *　[在uniapp Vue3版本中如何解决web/H5网页浏览器跨域的问题](https://blog.csdn.net/qq_18798149/article/details/135544336)
 *　[【彻底搞懂】vite proxy如何解决跨域问题](https://segmentfault.com/a/1190000043775780)
 
+
+
+## 环境配置分离
+
+按照如下格式，在package.json文件中写入变量即可全局使用即可
+
+```json
+{
+	"uni-app": {
+		"scripts": {
+			"h5-dev": {
+				"title": "H5 开发环境",
+				"browser": "chrome",
+				"env": {
+					"UNI_PLATFORM": "h5",
+					"NAME": "development",
+					"BASE_API_URL": "http://loclhost:8080"
+				}
+			},
+			"h5-sit": {
+				"title": "H5 sit-测试环境",
+				"browser": "chrome",
+				"env": {
+					"UNI_PLATFORM": "h5",
+					"NAME": "development",
+					"BASE_API_URL": "http://192.168.1.41:8080"
+				}
+			}
+		}
+	}
+}
+```
+
+使用方法，运行访问process.env对象
+
+```javascript
+// 运行对应环境后，即可获得对应的配置，例：http://loclhost:8080
+process.env.BASE_API_URL
+```
+
+
+
+
+
+参考
+
+* [uniapp官方文档-package.json](https://uniapp.dcloud.net.cn/collocation/package.html)
+* [uniapp + vue3 + vite 环境变量配置](https://blog.csdn.net/MockingBHM/article/details/138125840)
+* [uniapp-hbuilderX创建 自定义多环境配置，动态修改appid](https://juejin.cn/post/7283311024978821177)

package.json

@@ -0,0 +1,35 @@
+{
+	"uni-app": {
+		"scripts": {
+			"h5-dev": {
+				"title": "H5 开发环境",
+				"browser": "chrome",
+				"env": {
+					"UNI_PLATFORM": "h5",
+					"BASE_API_URL": "http://loclhost:8080"
+				}
+			},
+			"wp-dev": {
+				"title": "微信小程序 开发环境",
+				"env": {
+					"UNI_PLATFORM": "mp-weixin",
+					"BASE_API_URL": "http://loclhost:8080"
+				}
+			},
+			"wp-sit": {
+				"title": "微信小程序 sit-测试环境",
+				"env": {
+					"UNI_PLATFORM": "mp-weixin",
+					"BASE_API_URL": "http://192.168.1.41:8080"
+				}
+			},
+			"wp-uat": {
+				"title": "微信小程序 uat-测试环境",
+				"env": {
+					"UNI_PLATFORM": "mp-weixin",
+					"BASE_API_URL": "https://api-punchSettle.zhixinghe1.top"
+				}
+			}
+		}
+	}
+}

utils/request.js

@@ -7,8 +7,7 @@ export default function request(config = {}) {
 	} = config
 
 	// 拼接url TODO 这里要修改，改成不同环境取不同的url
-	// url = '/api' + url;
-	url = 'http://localhost:8080' + url;
+	url = process.env.BASE_API_URL + url;
 	// 添加token
 	header['Authorization'] = uni.getStorageSync('token');