我想用5000而不是4200。
我尝试在根名称ember-cli上创建一个文件,并按照下面的代码放置JSON:
{
"port": 5000
}
但我的应用程序仍然运行在4200,而不是5000
我想用5000而不是4200。
我尝试在根名称ember-cli上创建一个文件,并按照下面的代码放置JSON:
{
"port": 5000
}
但我的应用程序仍然运行在4200,而不是5000
当前回答
如果你想使用NodeJS环境变量来设置Angular CLI开发服务器的端口值,可以采用以下方法:
创建NodeJS脚本,该脚本可以访问环境变量(比如DEV_SERVER_PORT),并可以运行ng serve,使用该变量的——port参数值(child_process可能是我们的朋友):
const child_process = require('child_process');
const child = child_process.exec(`ng serve --port=${process.env.DEV_SERVER_PORT}`);
child.stdout.on('data', data => console.log(data.toString()));
更新包。Json提供这个脚本通过NPM运行 不要忘记设置DEV_SERVER_PORT环境变量(可以通过dotenv完成)
下面是对这种方法的完整描述:如何通过.env更改Angular CLI开发服务器端口。
其他回答
你也可以在通常输入NPM start的angular cli中输入下面的命令
Ng服务器——主机“ip-address”——端口“port-number”
您可以输入以下命令更改应用程序端口,
Ng serve——端口4200
此外,对于永久设置,您可以通过编辑angular-cli更改端口。json文件
"defaults": {
"serve": {
"port": 8080
}
}
在包中。Json,查找ng serve命令。 将ng serve命令替换为ng serve——port 4201。 然后在终端使用npm启动或yarn启动。 它应该会起作用。
如果你有多个Angular app,你可以为它们指定不同的端口,并同时运行它们。
在package.json中设置你的首选项
-o或——open是在浏览器中自动运行应用程序
使用NPM start或ng serve运行应用程序
"scripts": {
"start": "ng serve --port 4500 -o"
}
在angular项目中更改端口号的方法:
Node_modules \ @angular-devkit\build-angular\src\dev-server\schemaJson文件
"port": {
"type": "number",
"description": "Port to listen on.",
"default": <<port number>> /* write your required port number here */
}
使用以下命令运行项目
ng serve --port <<port number>> --open
在角。json文件
"server": {
"builder": "@angular-devkit/build-angular:dev-server",
"options": {
"browserTarget": "projectname:build",
"port": 5000 /* add this part */
}
adding this part and starting the server.