欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

详解@angular/cli 改变默认启动端口两种方式

程序员文章站 2023-08-21 15:21:19
因为本地希望开启两个项目,由于@angular/cli 生成项目默认是: 4200; 那么肯定会有端口冲突问题; 修改端口的两种方式: 1 修改 schema.json...

因为本地希望开启两个项目,由于@angular/cli 生成项目默认是: 4200; 那么肯定会有端口冲突问题;

修改端口的两种方式:

1 修改 schema.json

node_modules\@angular-devkit\build-angular\src\dev-server\schema.json
{
 "title": "dev server target",
 "description": "dev server target options for build facade.",
 "type": "object",
 "properties": {
 "browsertarget": {
 "type": "string",
 "description": "target to serve."
 },
 "port": {
 "type": "number",
 "description": "port to listen on.",
 "default": *4200*
 },
 "host": {
 "type": "string",
 "description": "host to listen on.",
 "default": "localhost"
 },
 "proxyconfig": {
 "type": "string",
 "description": "proxy configuration file."
 },
 ...
 ...
 }
}

2 第二种方式通过 --port 方式 package.json中修改 

"start": "ng serve --port 5200",

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。