vue3报错Uncaught ReferenceError: process is not defined

vue框架中使用process.env.变量名方式获取环境变量时报错,错误信息如下

Uncaught ReferenceError: process is not defined


解决办法:

    vite+vue3不支持process.env.变量名方式获取环境变量,需用如下方式。

import.meta.env.变量名
console.log( import.meta.env)

注意项:

    必须要以”VITE_“开头的变量才能被识别读取,否则无法获取,如:

VITE_APP_BASE_URL='http://localhost:8080'

import.meta.env常见内建变量

MODE:用来指明现在所处于的模式,一般通过它进行不同环境的区分,比如 dev、test、pre、prd 等等,默认为:“development”

BASE_URL:用来请求静态资源初始的 url

PROD:用来判断当前环境是否是正式环境

DEV:用来与 PROD 相反的环境

SSR:用来判断是否是服务端渲染的环境

六月初字帖坊小程序 你想要的字帖模板及工具,这里都有!