我正在使用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文件?
1条答案
按热度按时间hc8w905p1#
我假设你正在使用Vite来构建你的应用程序。Vite不使用Webpack,因此,通常的Webpack全局变量(如process)在默认情况下不可用。
Vite在特殊的
import.meta.env
对象上公开env变量。下面是它们的详细说明:https://vitejs.dev/guide/env-and-mode.html