Tùy chỉnh ng phân phát cuộc gọi proxy đến/api?

Question

Tôi đã tạo một ứng dụng mới với ng CLI, hoạt động như một sự quyến rũ: ng new babysteps cd babysteps ng serve ng phục vụ sử dụng webpack để lắp ráp ứng dụng. Để kiểm tra đầy đủ, tôi cần phục vụ /api... từ máy chủ mô phỏng API của tôi (cụ thể là các yêu cầu POST). Làm cách nào để tùy chỉnh máy chủ web được sử dụng để chuyển hướng một mẫu URL đó?

Máy chủ webpack dev có a proxy setting, nhưng có vẻ như (?) ng serve không có tệp cấu hình (hoặc tôi không nhận được).

Tôi có cần tạo một webpack.config.js hoặc tạo/chỉnh sửa một số tệp khác vào proxy không?

Answer 1

Bạn thực sự có thể thiết lập proxy để trợ giúp với cli góc, với cờ --proxy-config.

Dưới đây là nhiều hơn hoặc ít hơn một copy-paste từ documentation:

Nói rằng chúng tôi có một máy chủ chạy trên http://localhost:3000/api và chúng tôi muốn tất cả các cuộc gọi đến http://localhost:4200/api đi đến máy chủ đó.

Chúng tôi tạo ra một tập tin bên cạnh các dự án package.json gọi proxy.conf.json với nội dung

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

[...]

và sau đó chúng tôi chỉnh sửa package.json kịch bản bắt đầu tập cho bạn trở thành

"start": "ng serve --proxy-config proxy.conf.json", bây giờ chạy nó với npm start