简单粗暴配置package.json中scripts命令脚本，（配置开发环境，预发布环境，以及生产环境）

NEXT_PUBLIC_DOMAIN_ENV=dev这里是关键NEXT_PUBLIC_DOMAIN_ENV是自定义命名的。

weixin_42124894

1370人浏览 · 2024-02-29 17:08:45

weixin_42124894 · 2024-02-29 17:08:45 发布

我的是nextjs项目，找到package.json配置scripts命令

 "scripts": {
    "dev": "NEXT_PUBLIC_DOMAIN_ENV=dev next dev",
    "pred": "NEXT_PUBLIC_DOMAIN_ENV=pred next dev",
    "prod": "NEXT_PUBLIC_DOMAIN_ENV=prod next dev",
    "build:dev": "NEXT_PUBLIC_DOMAIN_ENV=dev next build && output: export",
    "build:pred": "NEXT_PUBLIC_DOMAIN_ENV=pred next build && output: export",
    "build:prod": "NEXT_PUBLIC_DOMAIN_ENV=prod next build && output: export",
    "build": "next build",
    "start": "next start",
    "lint": "next lint"
  },

NEXT_PUBLIC_DOMAIN_ENV=dev 这里是关键 NEXT_PUBLIC_DOMAIN_ENV是自定义命名的

编辑公共方法或直接页面调用

let prefix = ''
if (process.env.NEXT_PUBLIC_DOMAIN_ENV === 'dev') {
  prefix = 'http://dev.app.？？？.com'
} else if (process.env.NEXT_PUBLIC_DOMAIN_ENV === 'pred') {
  prefix = 'http://pred.app.？？？.com'
} else {
  prefix = 'https://app.？？？.com'
}