Next.js 配置BASE_URL（基本域名

配置基本域名的原因是解决因环境不一样导致的需要手动修改代码，
可能有小伙伴会问可以直接判断NODE_ENV，没错！！！！ 但是环境一段多了，你就需要手动去配置多套，通过变量让代码根据变量设置接口域名；如：开发环境、测试环境、生产环境等
省去打多种环境包要手动处理的发恼！

1、安装

npm install --save-dev cross-env

2、配置 BASE_URL 和 NODE_ENV
进入package.json，找到scripts配置

"scripts": {
    "dev": "cross-env BASE_URL=http://localhost:3000 next dev",
    "build": "next build",
    "test": "cross-env BASE_URL=http://test.zhangsixue.com next start",
    "start": "cross-env BASE_URL=http://www.zhangsixue.com next start",
  },

3、配置全局变量
进入next.config.js, 添加env配置

env: {
  BASE_URL: process.env.BASE_URL,
},

4、 全局使用它

console.log(process.env.BASE_URL);