Codesandbox 将错误的端口确定为主浏览器端口

Question

我有一个 codesandbox 项目，使用 concurrently.

同时使用 运行 前端和后端

react-scripts 开发服务器 运行 在端口 3000 上，api 服务器 运行 在端口 3000 上。

在项目的顶部栏中，codesandbox 决定 api 服务器是“主要”服务器并将浏览器定向到它。

可能是因为api服务器启动比较快，先监听3002端口

我希望 codesandbox 使用 3000 端口作为主要端口 - 我该如何配置它？

这是我的codesandbox： https://codesandbox.io/s/remult-react-todo-4ztjw

codesandbox中的浏览器标签，我要3000为主浏览器

Answer 1

您可以从设置菜单进行配置：

如果您还没有，请单击 sandbox.config.json，它将为您创建文件。

文件内容大致如下：

{
  "template": "node",
  "container": {
    "node": "16",
    "port": 3000
  }
}