uni-app vue3 获取 package.json 自定义环境变量

一、初始化项目

二、添加 package.json 文件（必须）

注意：文件里面不要写备注

{
	"uni-app": {
		"scripts": {
			"dev": {
				"title": "开发版",
				"env": {
					"ENV_TYPE": "dev",
					"UNI_PLATFORM": "mp-weixin",
					"ENV_BASE_URL": "http://127.0.0.1:8089/js-api"
				}
			},
			"prod": {
				"title": "正式版",
				"env": {
					"ENV_TYPE": "prod",
					"UNI_PLATFORM": "mp-weixin",
					"ENV_BASE_URL": "http://www.xxx.com/js-api"
				}
			}
		}
	}
}

三、添加 vite.config.js 文件（必须）

import { defineConfig } from "vite";
import uni from "@dcloudio/vite-plugin-uni";
import { resolve } from "path";
 
export default defineConfig(() => {
  return {
    plugins: [uni()],
    define: {
      'process.env': process.env,//导入环境
    },
  };
});

四、获取自定义环境变量

<script>
	export default {
		onLaunch: function() {
			console.log('App Launch')
			console.log('process.env.ENV_BASE_URL=>',process.env.ENV_BASE_URL)
		},
		onShow: function() {
			console.log('App Show')
		},
		onHide: function() {
			console.log('App Hide')
		}
	}
</script>

<style>
	/*每个页面公共css */
</style>

五、运行项目

六、运行开发版本效果

七、运行正式版本效果