如何将服务器端口从 3000 更改？答案

【问题标题】：How to change the server port from 3000?如何将服务器端口从 3000 更改？
【发布时间】：2022-03-06 14:35:11
【问题描述】：

我刚刚结束了 Angular 2 的教程，但我找不到将 localhost 端口从 3000 更改为 8000 的方法。在我的 package.json 文件中有 "start": "concurrent \"npm run tsc:w\" \"npm run lite\" " 行，我认为这是相关的，但我不确定。

【问题讨论】：

我遇到了一个真正的问题，这对你来说很明显，但我可能跳过了这部分文档。我想我表达得很好，因为我有一个完美的答案。但我很高兴知道您为什么认为我并没有认真期待我的问题的答案。

标签： npm angular

【解决方案1】：

您可以在bs-config.json 文件中更改它，如文档https://github.com/johnpapa/lite-server#custom-configuration 中所述

例如，

{
  "port": 8000,
  "files": ["./src/**/*.{html,htm,css,js}"],
  "server": { "baseDir": "./src" }
}

【讨论】：

我只需要从文件和 baseDir 中取出 src。这是完美的。
嗨@Kalman，在我的项目设置中没有任何 bs-config.json 所以我可以如何更改我的端口号。你能帮我么。不过，我在整个项目中搜索了“端口”或“3000”，但在我的项目中没有这样的搜索。
@ShubhamVerma 在项目的根目录创建一个新文件，并为端口添加一个条目（因为您不需要其他条目）。

【解决方案2】：

使用 Angular 4 和它附带的 cli，我能够使用 $npm start -- --port 8000 启动服务器。没问题：** NG Live Development Server is listening on localhost:8000, open your browser on http://localhost:8000 **

从Here得到提示

【讨论】：

【解决方案3】：

1-> 使用文件默认配置-Angular-cli 来自 ember-cli 项目。运行应用程序在特定端口上，在项目根目录中创建一个 .ember-cli 文件。添加你的 JSON 配置在那里：

{ “端口”：1337 }

2->使用命令行工具在 Angular-Cli 中运行此命令

ng 服务 --port 1234

永久更改端口号：

转到

node_modules/angular-cli/commands/server.js

搜索 var defaultPort = process.env.PORT || 4200;（将 4200 更改为您想要的任何其他内容）。

【讨论】：

【解决方案4】：

在package.json中设置如下命令（以82端口运行为例）

"start": "set PORT=82 && ng serve --ec=true"

然后npm start

【讨论】：

【解决方案5】：

您可以在配置文件夹的webpack.dev.js 文件中更改它。

【讨论】：

【解决方案6】：

如果要更改 angular 2 或 4 中的端口号，我们只需要打开 .angular-cli.json 文件，我们需要保持代码如下所示

"defaults": {
    "styleExt": "css",
    "component": {}
  }, 
"serve": {
      "port": 8080
    }

}

【讨论】：

【解决方案7】：

如果您没有bs-config.json，您可以更改lite-server 模块内的端口。转到项目中的node_modules/lite-server/lib/config-defaults.js，然后像这样在“modules.export”中添加端口。

module.export {
    port :8000, // to any available port
    ...
}

然后你就可以重启服务器了。

【讨论】：

【解决方案8】：

"scripts": {
  "start": "concurrent \"npm run tsc:w\" \"npm run lite\" --port 5000"
},

【讨论】：