我正在处理一个Vue + typescript项目。我想使用process.env.var_name来调整项目是处于开发模式还是生产模式,就像
Vue + typescript
process.env.var_name
const isProduct = process.env.APP_ENV === "prod";
但是我在下面遇到了一个错误。我以前从来没有遇到过这个错误,所以任何人都可以给予我一个线索,为什么会发生这种情况,这样我就可以尝试找出在项目中发生了什么,然后修复它。
mzillmmw1#
如果您使用的是Vite,请改用import.meta.env,process.env会被移除。并确保变量在.env文件中以VITE_开头。
import.meta.env
process.env
.env
VITE_
VITE_SOME_KEY=123
更多https://vitejs.dev/guide/env-and-mode.html
vngu2lb82#
Env的变量必须以VUE_APP_开头,因此请尝试将APP_ENV更改为VUE_APP_ENV。关于CORS错误,您必须从BE启用FE。
VUE_APP_
APP_ENV
VUE_APP_ENV
jk9hmnmh3#
您可以改用if (import.meta.env.PROD) ...。
if (import.meta.env.PROD) ...
46qrfjad4#
我以前有一个类星体项目,这个项目对我很有效。我通过运行yarn命令安装了dotenv库
dotenv
yarn add --dev dotenv
请告诉我。
tf7tbtn25#
引用不存在的变量时将出现此错误。以下是解决方案;
mounted () { window.process = { env: { NODE_ENV: 'development' } }
eaf3rand6#
import { defineConfig } from 'vite' import react from '@vitejs/plugin-react' // https://vitejs.dev/config/ export default defineConfig({ plugins: [react()], server: { host: '0.0.0.0' }, define: { 'process.env': {} } })
6条答案
按热度按时间mzillmmw1#
如果您使用的是Vite,请改用
import.meta.env
,process.env
会被移除。并确保变量在
.env
文件中以VITE_
开头。更多https://vitejs.dev/guide/env-and-mode.html
vngu2lb82#
Env的变量必须以
VUE_APP_
开头,因此请尝试将APP_ENV
更改为VUE_APP_ENV
。关于CORS错误,您必须从BE启用FE。jk9hmnmh3#
您可以改用
if (import.meta.env.PROD) ...
。46qrfjad4#
我以前有一个类星体项目,这个项目对我很有效。
我通过运行yarn命令安装了
dotenv
库请告诉我。
tf7tbtn25#
引用不存在的变量时将出现此错误。
以下是解决方案;
eaf3rand6#