Geliştirme için Angular uygulamalarını sunma

Angular CLI uygulamanızı ng serve komutuyla sunabilirsiniz. Bu, uygulamanızı derler, gereksiz optimizasyonları atlar, bir geliştirme sunucusu başlatır ve sonraki değişiklikleri otomatik olarak yeniden derler ve canlı yeniden yükler. Sunucuyu Ctrl+C tuşlarına basarak durdurabilirsiniz.

ng serve yalnızca angular.json içinde belirtilen varsayılan projedeki serve hedefi için builder'ı çalıştırır. Burada herhangi bir builder kullanılabilir, ancak en yaygın (ve varsayılan) builder @angular/build:dev-server'dır.

Belirli bir proje için hangi builder'ın kullanıldığını, o projenin serve hedefine bakarak belirleyebilirsiniz.

{
  "projects": {
    "my-app": {
      "architect": {
        // `ng serve`, `serve` adlı Architect hedefini çalıştırır.
        "serve": {
          "builder": "@angular/build:dev-server"
          // ...
        },
        "build": {/* ... */},
        "test": {/* ... */}
      }
    }
  }
}

Arka uç sunucusuna proxy ile yönlendirme

Belirli URL'leri bir arka uç sunucusuna yönlendirmek için proxy desteğini kullanın; bunun için --proxy-config derleme seçeneğine bir dosya geçirin. Örneğin, http://localhost:4200/api için yapılan tüm çağrıları http://localhost:3000/api üzerinde çalışan bir sunucuya yönlendirmek için aşağıdaki adımları izleyin.

1. Projenizin src/ klasöründe bir proxy.conf.json dosyası oluşturun.
2. Yeni proxy dosyasına aşağıdaki içeriği ekleyin:

{
  "/api/**": {
    "target": "http://localhost:3000",
    "secure": false
  }
}

1. CLI yapılandırma dosyası angular.json içinde, serve hedefine proxyConfig seçeneğini ekleyin:

{
  "projects": {
    "my-app": {
      "architect": {
        "serve": {
          "builder": "@angular/build:dev-server",
          "options": {
            "proxyConfig": "src/proxy.conf.json"
          }
        }
      }
    }
  }
}

1. Geliştirme sunucusunu bu proxy yapılandırmasıyla çalıştırmak için ng serve komutunu çağırın.

Yol eşleme davranışı

• /api, /api ile ve onunla başlayan tüm yollarla (örneğin /api/users/123 veya /api-docs) eşleşir.
• /api/*, /api/users ile eşleşir ancak /api veya /api/users/123 ile eşleşmez.
• /api/**, /api, /api/users ve /api/users/123 ile eşleşir ancak /api-docs ile eşleşmez.