Açısal bağlantı noktası 4200'den diğerine nasıl değiştirilir

4200 yerine 5000 kullanmak istiyorum.

Ne denedim kök adında bir dosya oluşturduk ember-clive aşağıdaki koda göre JSON koymak:

{
   "port": 5000
}

Ancak uygulamam hala 5000 yerine 4200'de çalışıyor

Benim için işe yarayan çözüm

ng serve --port 4401    

(4401'i istediğiniz sayı ile değiştirebilirsiniz)

Ardından tarayıcıyı başlatın -> http: // localhost: 4401 /

Temel olarak, iki Uygulamaya sahiptim ve yukarıdaki yaklaşımın yardımıyla şimdi her ikisini de geliştirme ortamımda eşzamanlı olarak çalıştırabiliyorum.

Aşağıdaki komutu girerek uygulama bağlantı noktanızı değiştirebilirsiniz,

ng hizmet - port 4200

Ayrıca, kalıcı bir kurulum için angular-cli.json dosyasını düzenleyerek bağlantı noktasını değiştirebilirsiniz.

 "defaults": {
    "serve": {
      "port": 8080
    }
  }

Görünüşe göre CLI'nin son sürümlerinde bazı şeyler değişti (kullanıyorum 6.0.1). ng serveProjemin portseçeneklerine ekleyerek kullanılan varsayılan bağlantı noktasını değiştirebildim angular.json:

{
    "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
    "projects": {
        "my-project": {
            "architect": {
                "serve": {
                    "options": {
                        "port": 4201
                    }
                }
            }
        }
    }
}

(Bu örnekte yalnızca ilgili özellikler gösterilmiştir.)

Değiştirmek nodel_modules/angular-cli/commands/server.jskötü bir fikirdir çünkü yeni sürümünü yüklediğinizde güncellenecektir angular-cli. Bunun yerine belirtmelidir 5000 --port hizmet ng içinde package.jsonböyle:

"scripts": {
    "start": "ng serve --port 5000"
}

Ayrıca --host 127.0.0.1 ile ana bilgisayar belirtebilirsiniz

Bağlantı noktası ayarlarının konumu birkaç kez değişti.

Açısal CLI kullanıyorsanız 1

Değişiklik angular-cli.json

{
  "defaults": {
    "serve": {
      "host": "0.0.0.0",
      "port": 5000 
    }
  }
}

En son Açısal CLI kullanıyorsanız

Değişiklik angular.json

"projects": {
    "project-name": {
        ...
        "architect": {
            "serve": {
                "options": {
                  "host": "0.0.0.0",
                  "port": 5000
                }
            }
        }
        ...
    }
}

Herhangi bir dosyayı değiştirmeden

Komutu çalıştır

ng serve --host 0.0.0.0 --port 5000

Kimse en son Angular CLI için cevabı güncellemedi. Angular CLI

İle latest versionaçısal-cli.json olarak değiştirildi hangi açısal-cli angular.json, sen düzenleyerek noktasını değiştirebilir angular.jsondosyası artık başına bir port belirtin"project"

projects": {
    "my-cool-project": {
        ... rest of project config omitted
        "architect": {
            "serve": {
                "options": {
                    "port": 4500
                }
            }
        }
    }
}

Bununla ilgili daha fazla bilgi edinin here

Genellikle bu ng setkomutu proje düzeyi için Açısal CLI ayarlarını değiştirmek için kullanırım .

ng set defaults.serve.port=4201

Değişikliklerinizi değiştirir .angular.cli.jsonve daha önce belirtildiği gibi bağlantı noktası ayarlarını ekler .

Bu değişiklikten sonra basitçe ng servekullanabilirsiniz ve tercih edilen bağlantı noktasını her seferinde belirtmeye gerek kalmadan kullanacaktır.

açısal klibinize normalde npm start girdiğiniz aşağıdaki komutu da girebilirsiniz

ng serve --host "ip adresi" - port "bağlantı noktası numarası"

bu komutu da yazabilirsiniz: ng serve -p 5000

bu dosyaya git

node_modules\@angular-devkit\build-angular\src\dev-server\schema.json

ve arama portu

"port": {
  "type": "number",
  "description": "Port to listen on.",
  "default": 4200
},

varsayılan değeri istediğiniz gibi değiştirin ve sunucuyu yeniden başlatın

• Kalıcı için:

  Goto nodel_modules / açısal-cli / komutlar / server.js ara var DefaultPort = process.env.PORT || 4200; ve 4200'ü istediğiniz başka bir şeyle değiştirin.

• Şimdi Çalıştırmak İçin:

  ng port - port 4500 ( Portunuz olarak kullanmak istediğiniz herhangi bir numara ile 4500 değişiklik yaparsınız)

Güncellemeler veya yeniden yükleme bu değişiklikleri kaldırabileceğinden düğüm modüllerinde değişiklik yapılması önerilmez. Açısal klipsde değiştirmek daha iyi

Açısal 9 açısal. Json

{
    "projects": {
            "targets": {
                "serve": {
                    "options": {
                         "port": 5000
                     }
                }     
            }     
    }
}  

Serve.js dosyasında yapılandırılmış olan varsayılan bağlantı noktası numarasını düzenleyebilirsiniz.

Yol olacak project_direcory/node_modules/angular-cli/commands/serve.js.

Bu satırı arayın -> var defaultPort = process.env.PORT || 4200;
Bu satırla değiştir ->var defaultPort = process.env.PORT || 5000;

sadece koş ng serve --port 5000 --open

4200 dışında bir komutun altında çalıştır

ng serve --port 4500

Açısal olarak. Json:

"serve": {
          "builder": "@angular-devkit/build-angular:dev-server",
          "options": {
          "browserTarget": "projectname:build",
          "port": 5000
         }

Açısal uç kullanıyorum. Bu benim için çalıştı.

açısal 2 ++.

Bağlantı noktasını değiştirmek için terminaldeki aşağıdaki komutu çalıştırabilirsiniz:

ng serve --host 0.0.0.0 --port 5000.

Yukarıdaki cevaplarda zaten çok sayıda geçerli çözüm olmasına rağmen, burada Visual Studio Code kullanan Angular 7 projeleri için görsel bir rehber ve özel bir çözüm (muhtemelen daha eski sürümler, ancak garanti yok). Görüntü ağacında gösterildiği gibi dizinlerde schema.json dosyasını bulun ve tarayıcıda kalıcı bir bağlantı noktası değişikliği için bağlantı noktası -> varsayılan altında tamsayıyı değiştirin.

angular.jsonDosyaya git ,

"Serve" anahtar kelimesini arayın:

portAnahtar kelimeyi aşağıda gösterildiği gibi ekleyin :

 "serve": {
     "builder": "@angular-devkit/build-angular:dev-server",
     "options": {
         "browserTarget": "my-new-angular-app:build",
         "port": 3001
     },
     ...

Açısal'da varsayılan bağlantı noktası numarasını değiştirmenin iki yolu var.

Cli komutunun ilk yolu:

ng serve --port 2400 --open

İkinci yol yerde yapılandırma gereğidir: ProjectName\node_modules\@angular-devkit\build-angular\src\dev-server\schema.json.

schema.jsonDosyada değişiklik yapın .

{
 "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": 2400
    },

Sadece koş

ng hizmet - portunuzu yazın

Misal:

ng serve --port 4401

Benim için çalışılan kod aşağıdaki gibiydi

ng serve --port ABCD

Örneğin

ng serve --port 6300

Tarayıcıda çalıştırmak ve açmak için otomatik olarak bayrağı kullanın -openveya-o

ng serve -o --port 4200

Not: 4200 numaralı bağlantı noktası isteğe bağlıdır. Seçtiğiniz herhangi bir liman olabilir

Açısal CLI dev sunucusu bağlantı noktasının değerini ayarlamak için NodeJS ortam değişkenini kullanmak isterseniz, aşağıdaki yaklaşım mümkündür:

• ortam değişkenine (örneğin, DEV_SERVER_PORT) erişebilecek ve bu değişkenten alınan parametre değeri ng serveile çalışabilecek NodeJS betiği oluşturun --port( child_process burada bizim arkadaşımız olabilir):

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()));

• npm üzerinden çalışan bu betiği sağlamak için package.json dosyasını güncelleyin
• DEV_SERVER_PORTortam değişkenini ayarlamayı unutmayın ( dotenv üzerinden yapılabilir )

Ayrıca bu yaklaşımın tam açıklaması: Açısal CLI Geliştirme Sunucusu Portu .env ile nasıl değiştirilir .

Bu, pencerenizi de otomatik olarak açar

ng serve -o --port 4801