使用下面這段[程式碼](https://stackoverflow.com/questions/47180634/i-get-http-failure-response-for-unknown-url-0-unknown-error-instead-of-actu)在 Angular 應用裡進行 HTTP 訪問：

```typescript
this.httpClient.get(url).subscribe(response => {
  //do something with response
}, err => {
  console.log(err.message);
}, () => {
  console.log('completed');
}
```
問題是，當請求失敗時，我在控制檯中看到 `(unknown url): 0 Unknown Error` 訊息的通用 Http 失敗響應。 同時，當我在 chrome 中檢查失敗的請求時，我可以看到響應狀態為 422，並且在`預覽`選項卡中，我看到了描述失敗原因的實際訊息。

如何訪問我可以在 chrome 開發工具中看到的實際響應訊息？

這是演示問題的螢幕截圖：

[圖片]

一種可能的原因是請求的資源上不存在“Access-Control-Allow-Origin”標頭。 因此，不允許來自 Origin 'http://localhost:4200' 的應用訪問該資源。

這意味著來自後端伺服器的響應缺少 Access-Control-Allow-Origin 標頭，即使後端 nginx 已配置為使用 add_header 指令將這些標頭新增到響應中。

但是，此指令僅在響應程式碼為 20X 或 30X 時新增標頭。 在錯誤響應中，標頭丟失。 無論響應程式碼如何，我都需要使用 always 引數來確保新增標頭：

```sql
add_header 'Access-Control-Allow-Origin' 'http://localhost:4200' always;
```

正確配置後端後，我可以訪問 Angular 程式碼中的實際錯誤訊息。

除了 CORS 錯誤之外，另一種可能的錯誤：

我的問題是因為我使用的是 Android 平臺級別 28，預設情況下禁用明文網路通訊，並且我正在嘗試開發指向膝上型電腦 IP（執行 API 伺服器）的應用程式。 API 基本 URL 類似於 `http://[LAPTOP_IP]:8081`。 因為它不是 https，所以 android webview 完全阻止了手機/模擬器和我膝上型電腦上的伺服器之間的網路傳輸。 為了解決這個問題，修改下列配置檔案：

`resources/android/xml/network_security_config.xml`

```xml
<?xml version="1.0" encoding="utf-8"?>
<network-security-config>
  
  <base-config cleartexttrafficpermitted="true"></base-config>
</network-security-config>
```

```xml
<platform name="android">
    ...
    <edit-config file="app/src/main/AndroidManifest.xml" mode="merge" target="/manifest/application" xmlns:android="http://schemas.android.com/apk/res/android">
        <application android:networksecurityconfig="@xml/network_security_config"></application>
    </edit-config>
    <resource-file src="http://blog.itpub.net/24475491/viewspace-2922042/resources/android/xml/network_security_config.xml" target="app/src/main/res/xml/network_security_config.xml"></resource-file>
    ....
</platform>
```

Http failure response 0 Unknown error 錯誤分析

相關文章