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

Question

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

Answer 1

您可以在文档https://github.com/johnpapa/lite-server#custom-configuration中提到的bs-config.json文件中进行更改

例如，

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

Answer 2

使用Angular 4和随附的cli，我能够以$npm start -- --port 8000服务器$npm start -- --port 8000 。 这工作正常： ** NG Live Development Server is listening on localhost:8000, open your browser on http://localhost:8000 **

从这里得到了提示

Answer 3

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

{“port”：1337}

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

ng serve --port 1234

要永久更改端口号：

去

node_modules /角-CLI /命​​令/ server.js

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

Answer 4

在package.json设置以下命令（在端口82上运行的示例）

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

然后npm start

Answer 5

您可以在config文件夹中的webpack.dev.js文件中进行更改。

Answer 6

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

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

然后您可以重新启动服务器。

Answer 7

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

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

}

Answer 8

只需像这样通过命令行更改端口：

json-server -p <your port> <your json file>

例子：

json-server -p 3010 api.json