在 VS Code 中更改本地主机端口

Question

我的 2 个主要文件夹是 CMS 和 nextjs，如下所示：

但是当我转到运行 1 文件夹时它使用我的 localhost:3000 然后另一个也想使用相同的端口但是这是不可能的因为我得到一个错误说端口 3000 已经在利用。基本上我想运行我的 CMS 文件夹和 nextjs 文件夹在 2 个不同的端口。

我已附上我的 launch.json 代码以防万一：

{
"version": "0.2.0",
"configurations": [
    {
        "type": "node",
        "request": "launch",
        "name": "Launch Program",
        "skipFiles": [
            "<node_internals>/**"
        ],
        "program": "${workspaceFolder}\nextjs\.next\server\pages\index.js"
    }
]
}

Answer 1

Next.js

您必须编辑 package.json。在脚本对象中，您会找到一个名为 dev 的属性。您可以这样编辑它（例如：端口 3005）：

"dev": "next dev -p 3005"

当您启动 npm run dev 时，您的应用程序将打开端口 3005

斯特拉皮

在项目的根目录添加一个 .env 文件，并添加一个包含所需端口的变量：

PORT=3627

在 Strapi 文档中阅读更多内容here

在 VS Code 中更改本地主机端口

Changing localhost port in VS Code

ide

visual-studio-code

vscode-settings

Next.js

斯特拉皮