Nest 环境配置

安装 cross-env

pnpm install cross-env -D

创建文件

• 项目根目录创建三个文件

.env.development

.env.production

.env.test

env 文件 代码

• .env.development

NODE_ENV=development
NEXT_PUBLIC_API=https://dev.api.com

• .env.production

NODE_ENV=production
NEXT_PUBLIC_API=https://prod.api.com

• .env.test

NODE_ENV=test
NEXT_PUBLIC_API=https://test.api.com

package.json

"scripts": {
  "dev": "next dev",
  "build": "next build",
  "start": "next start",
  "dev:prod": "cross-env NODE_ENV=production next dev -p 3001",
  "dev:test": "cross-env NODE_ENV=test next dev -p 3002",
  "build:prod": "cross-env NODE_ENV=production next build -p 3001",
  "build:test": "cross-env NODE_ENV=test next build -p 3002"
},

组件里面使用

<li>{process.env.NEXT_PUBLIC_API}</li>

特别注意

注意

1. 请先运行一次 npm run dev 然后在重新运行一次 package.json 里面 切换环境的命令

2. 配置文件里面 NODE_ENV 必须要和 package.json 里面的命令对应上 production

3. 配置文件里面除了 NODE_ENV 以外 其余变量最好加上 NEXT_PUBLIC_xxxx 这样才能在客户端使用