我想用5000而不是4200。
我尝试在根名称ember-cli上创建一个文件,并按照下面的代码放置JSON:
{
"port": 5000
}
但我的应用程序仍然运行在4200,而不是5000
我想用5000而不是4200。
我尝试在根名称ember-cli上创建一个文件,并按照下面的代码放置JSON:
{
"port": 5000
}
但我的应用程序仍然运行在4200,而不是5000
当前回答
端口设置的位置已经更改了几次。
如果使用Angular CLI
改变angular-cli.json
{
"defaults": {
"serve": {
"host": "0.0.0.0",
"port": 5000
}
}
}
如果使用最新的Angular CLI
改变angular.json
"projects": {
"project-name": {
...
"architect": {
"serve": {
"options": {
"host": "0.0.0.0",
"port": 5000
}
}
}
...
}
}
无需更改任何文件
执行命令
ng serve --host 0.0.0.0 --port 5000
其他回答
你也可以这样写:ng serve -p 5000
虽然上面的答案中已经有很多有效的解决方案,但这里是一个使用visual Studio Code的Angular 7项目的可视化指南和具体解决方案(也可能是更早的版本,但不保证)。定位模式。在图像树中显示的目录中添加Json,并更改port——> default下的整数,以永久更改浏览器中的端口。
如果你有多个环境,你可以在angular.json中添加如下方式:
"serve": {
"builder": "@angular-devkit/build-angular:dev-server",
"options": {
"browserTarget": "your_project:build"
},
"configurations": {
"production": {
"browserTarget": "your_project:build:production"
},
"es5": {
"browserTarget": "your_project:build:es5"
},
"local": {
"browserTarget": "your_project:build:local",
"port": 4201
},
"uat": {
"browserTarget": "your_project:build:uat"
}
}
},
这样只有本地指向另一个端口。
修改nodel_modules/angular-cli/commands/server.js是个坏主意,因为当你安装新版本的angular-cli时,它会被更新。相反,你应该在package中指定ng serve——port 5000。Json是这样的:
"scripts": {
"start": "ng serve --port 5000"
}
你也可以用——host 127.0.0.1指定主机
不建议更改节点模块,因为更新或重新安装可能会删除这些更改。所以最好在angular cli中进行更改
Angular .json中的Angular 9
{
"projects": {
"targets": {
"serve": {
"options": {
"port": 5000
}
}
}
}
}