如何让我的Ionic/React应用读取/加载我的.env文件?

f0brbegy  于 2023-11-15  发布在  Ionic
关注(0)|答案(1)|浏览(173)

我正在使用Ionic 7,React 18,并包含dotenv 16.3。我已经创建了一个空白的ionic应用程序,并在package.json(.env)旁边添加了一个文件

NODE_ENV=local
REACT_APP_BASE_URL=http://localhost:3000

字符串
我还创建了一个文件src/services.API.ts,其中包含

$ cat src/services/api.ts 
import axios from "axios";

const api = axios.create({
 baseURL: process.env.REACT_APP_BASE_URL,
});


但是,尝试加载此文件会导致

Uncaught ReferenceError: process is not defined
    <anonymous> api.ts:4


错误时,我访问的应用程序启动后,它使用

ionic serve


我还需要做什么才能让ionic读取我的.env文件?

hc8w905p

hc8w905p1#

我假设你正在使用Vite来构建你的应用程序。Vite不使用Webpack,因此,通常的Webpack全局变量(如process)在默认情况下不可用。
Vite在特殊的import.meta.env对象上公开env变量。
下面是它们的详细说明:https://vitejs.dev/guide/env-and-mode.html

相关问题