NextJS 创建项目和环境变量配置
# 安装Next.js CLI工具
npm install -g next
# 创建一个新的Next.js项目
next create my-next-app
# 进入项目目录
cd my-next-app
# 安装依赖
npm install
# 运行开发服务器
npm run dev
# 接下来,配置环境变量。在Next.js中,通常使用`.env`文件来设置环境变量。
# 在项目根目录下创建.env文件,并添加环境变量
echo 'NEXT_PUBLIC_API_URL=https://api.example.com' > .env
# 如果你需要针对不同的环境设置不同的环境变量,可以创建多个.env文件,如:
# .env.local
# .env.development.local
# .env.production.local
# 在这些文件中,你可以覆盖默认的.env文件中的变量。
# 重新启动开发服务器以应用新的环境变量配置
npm run dev
这个例子展示了如何使用Next.js CLI工具创建一个新的项目,并如何配置环境变量。在.env
文件中设置的NEXT_PUBLIC_API_URL
环境变量可以在Next.js的应用中通过process.env.NEXT_PUBLIC_API_URL
访问。
评论已关闭