改变Next.js默认端口的方法

Next.js的默认访问端口是3000。有时环境需要更改。

方法1 通过环境变量 此方法不能改变端口,看方法2

点击查看官方文档

Next.js will automatically expand variables that use $ to reference other variables e.g. $VARIABLE inside of your .env* files. This allows you to reference other secrets.

翻译:Next.js 将自动展开使用 $ 引用其他变量的变量,例如在您的 .env* 文件中的 $VARIABLE。这使您能够引用其他密钥。

意思是说Next.js会加载.env*文件中的变量。注意:*是统配符,也就是.env开头的文件中的变量都会加载

官方文档还说

Default Environment Variables
In general only one .env.local file is needed. However, sometimes you might want to add some defaults for the development (next dev) or production (next start) environment.
Next.js allows you to set defaults in .env (all environments), .env.development (development environment), and .env.production (production environment).
.env.local always overrides the defaults set.
Good to know: .env, .env.development, and .env.production files should be included in your repository as they define defaults. .env*.local should be added to .gitignore, as those files are intended to be ignored. .env.local is where secrets can be stored.

翻译:

默认环境变量
通常只需要一个 .env.local 文件。然而,有时您可能希望为开发(next dev)或生产(next start)环境添加一些默认值。
Next.js 允许您在 .env(所有环境)、.env.development(开发环境)和 .env.production(生产环境)中设置默认值。
.env.local 总是覆盖设置的默认值。
需要注意的是:.env、.env.development 和 .env.production 文件应包含在您的存储库中,因为它们定义了默认值。.env*.local 应该添加到 .gitignore 中,因为这些文件应该被忽略。.env.local 是用于存储机密信息的地方。

再看官方文档

Environment Variable Load Order
Environment variables are looked up in the following places, in order, stopping once the variable is found.

  1. process.env
  2. .env.$(NODE_ENV).local
  3. .env.local (Not checked when NODE_ENV is test.)
  4. .env.$(NODE_ENV)
  5. .env

For example, if NODE_ENV is development and you define a variable in both .env.development.local and .env, the value in .env.development.local will be used.
Good to know: The allowed values for NODE_ENV are production, development and test.

翻译:

环境变量加载顺序
环境变量按照以下顺序查找,一旦找到变量就停止。

  1. process.env
  2. .env.$(NODE_ENV).local
  3. .env.local(当 NODE_ENV 为 test 时不会被检查)
  4. env.$(NODE_ENV)
  5. env

例如,如果 NODE_ENV 为 development,并且您在 .env.development.local 和 .env 中都定义了一个变量,那么将使用 .env.development.local 中的值。
需要知道的是:NODE_ENV 允许的值为 production、development 和 test。

举例:
.env.local文件中写

PORT=8088

方法2 命令行

官方文档

Production
next start starts the application in production mode. The application should be compiled with next build first.
The application will start at http://localhost:3000 by default. The default port can be changed with -p, like so:
生产环境
next start 以生产模式启动应用程序。首先,应用程序应该使用 next build 进行编译。
应用程序默认将在 http://localhost:3000 上启动。默认端口可以使用 -p 参数进行更改,例如:

npx next start -p 4000

Or using the PORT environment variable:
或者使用 PORT 环境变量:

PORT=4000 npx next start

Good to know:
-PORT cannot be set in .env as booting up the HTTP server happens before any other code is initialized.
next start cannot be used with output: ‘standalone’ or output: ‘export’.
需要知道的是:
PORT 不能在 .env 中设置,因为启动 HTTP 服务器会在初始化任何其他代码之前发生。
next start 不能与 output: ‘standalone’ 或 output: ‘export’ 一起使用。

一般是写在package.json文件中,例如:

{
...."scripts": {"dev": "PORT=3001 next dev",    #开发端口是3001"start": "next start -p 3002",  #生成端口是3002},
...
}

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/76050.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

探讨使用API的优点及其在企业级应用中的作用

通过使用API,开发者可以快速、高效地构建功能丰富、用户体验良好的应用程序,而无需从头开始收集和处理所有数据。同时,API也可以帮助企业和机构提高效率、创造新的商业模式和创新服务。本文将探讨使用API的优点及其在企业级应用中的作用。 一…

排序算法:快速排序(三种排序方式、递归和非递归)

朋友们、伙计们,我们又见面了,本期来给大家解读一下有关排序算法的相关知识点,如果看完之后对你有一定的启发,那么请留下你的三连,祝大家心想事成! C 语 言 专 栏:C语言:从入门到精通…

GeoNet: Unsupervised Learning of Dense Depth, Optical Flow and Camera Pose 论文阅读

论文信息 题目:GeoNet: Unsupervised Learning of Dense Depth, Optical Flow and Camera Pose 作者:Zhichao Yin and Jianping Shi 来源:CVPR 时间:2018 Abstract 我们提出了 GeoNet,这是一种联合无监督学习框架&a…

软件管理 - yum - rpm -本地yum源 - 局域网远程yum源 - 阿里云镜像 - 克隆阿里云镜像源

软件管理 - yum - rpm -本地yum源 - 局域网远程yum源 - 阿里云镜像 - 克隆阿里云镜像源 更换阿里开源镜像网站,手把手教你怎么换,再也不需要求人了 创建本机yum源 rpm -> centos 的安装包后缀 rpm软件包名称: 软件名称 版本号(主版本、次版本、修订号…

js对象转json文件

目录 需求1.首先寻找类似需求的数据2.对数据进行转换3.将转换后的数据转为json文件4.完整代码 需求 需求:在做项目时,遇到了需要制作地址列表的功能,这一般都会用到一些开源的组件库,但是有个问题是不同组件库之间的城市列表数据结…

【vue】vue项目中批量下载文件并打压缩包

前言 一开始用的是循环单个文件下载,即从后台获取到文件url列表,循环对每个url单独进行下载,这样的问题是每调用一次下载,浏览器都会进行“另存为”的弹框,很麻烦!!! 关闭“下载前…

vim常用操作

一、Esc键 & 命令模式 1.撤销:u 恢复撤销:Ctrl r 2.定位 行首:0 行尾:$ 第7行:7G 3.编辑 下行开始插入: o 删除行:dd 复制3行并粘贴:3yy ---> p 复制单词并粘贴&#…

【洛谷 P1115】最大子段和 题解(贪心算法)

最大子段和 题目描述 给出一个长度为 n n n 的序列 a a a,选出其中连续且非空的一段使得这段和最大。 输入格式 第一行是一个整数,表示序列的长度 n n n。 第二行有 n n n 个整数,第 i i i 个整数表示序列的第 i i i 个数字 a i …

保险业的变革,软件机器人车险录入自动化

在现代社会,技术的迅猛发展正在改变各行各业的运作方式,包括保险业。随着数字化转型的推进,保险公司采用创新技术来提高效率和准确性。博为小帮软件机器人结合自动化的功能和OCR技术的识别能力,实现了车险单处理流程的全自动化。本…

蓝桥杯官网练习题(玩具蛇)

题目描述 本题为填空题,只需要算出结果后,在代码中使用输出语句将所填结果输出即可。 小蓝有一条玩具蛇,一共有 16 节,上面标着数字 1 至 16。每一节都是一个正方形的形状。相邻的两节可以成直线或者成 90 度角。 小蓝还有一个…

代码随想录 - Day36 - 贪心算法

代码随想录 - Day36 - 贪心算法 455. 分发饼干 原来if后面跟着的判断语句先后顺序也会影响代码运行情况。 所以要把amount > 0写在s[amount] > g[i]前面。 一开始想到的是双重for循环,但那样子时间复杂度很高,看了题解发现了如下写法&#xff1a…

时序预测 | MATLAB实现ELM极限学习机时间序列预测未来

时序预测 | MATLAB实现ELM极限学习机时间序列预测未来 目录 时序预测 | MATLAB实现ELM极限学习机时间序列预测未来预测效果基本介绍程序设计参考资料 预测效果 基本介绍 1.MATLAB实现ELM极限学习机时间序列预测未来; 2.运行环境Matlab2018及以上,data为数…

学习笔记-正则表达式

https://www.runoob.com/regexp/regexp-tutorial.html 正则表达式re(Regular Expression)是一种文本模式,包括普通字符(例如,a 到 z 之间的字母)和特殊字符(称为"元字符"),可以用来描…

【漏洞复现】H3C路由器信息泄露任意用户登录

漏洞描述 通过访问特地址得到密码可进行登录。 免责声明 技术文章仅供参考,任何个人和组织使用网络应当遵守宪法法律,遵守公共秩序,尊重社会公德,不得利用网络从事危害国家安全、荣誉和利益,未经授权请勿利用文章中…

Mybatis---增删改查

目录 一、添加用户 (1)持久层接口方法 (2)映射文件 (3)测试方法 二、修改用户 (1)持久层接口方法 (2)映射文件 (3)测试方法 …

CASAIM与南京航空航天大学在自动化叶片曲面分析系统开展合作,推动航空航天发动机零部件自动化3D检测进程

近期,CASAIM与南京航空航天大学在自动化叶片曲面分析系统展开深入合作,充分发挥双方在航空航天和智能检测领域优势,共同推动航空航天发动机零部件自动化3D检测进程。 南京航空航天大学创建于1952年10月,是新中国自己创办的第一批…

十二、集合操作

1. FluentIterable FluentIterable 流迭代器早于JDK8的stream产生,提了了一些集合类的过滤、转换等相关操作。在JDK8之前使用比较多,JDK8之后推荐使用JDK的stream相关操作。FluentIterable的相关操作可以作为了解。 package org.example.model.guava;i…

pyCharm远程DEBUG

第一步,添加一个远程机器的解释器 ssh 远程机器解释器添加, 我本地ssh有配置目标机器。 如果没配置,那就选着new server configuration 新增一个。 interpreter 指定远程机器python, (机器上有多个版本python里尤其要…

红队打靶:ConnectTheDots打靶思路详解(vulnhub)

目录 写在开头 第一步:主机发现和端口扫描 第二步:FTP和NFS渗透(失败) 第三步:web渗透 第四步:jsfuck解码 第五步:再次FTP渗透与莫尔斯电码解码 第六步:vim读取断电swp文件…

批量采集的时间管理与优化

在进行大规模数据采集时,如何合理安排和管理爬取任务的时间成为了每个专业程序员需要面对的挑战。本文将分享一些关于批量采集中时间管理和优化方面的实用技巧,帮助你提升爬虫工作效率。 1. 制定明确目标并设置合适频率 首先要明确自己所需获取数据的范…