> For the complete documentation index, see [llms.txt](https://docs.webmix.cc/ajax/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.webmix.cc/ajax/2.-ji-ben-guan-nian/2.4-guan-wu-kua-wang-yu.md).

# 2.4 關於跨網域

## 關於跨網域

預設上都是禁止跨網域取得資料的，若跨網域取得資料，會發現如下錯誤：

![](https://505793616-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LxKlEmoZrIIIa5EOEUf%2F-M5kiaf2jIFpcRATOUGj%2F-M5kmOE6J2op2uYsHA9l%2Fajax_cors_blocked.png?alt=media\&token=e51bbb87-1ceb-4545-990d-078f6659b9bb)

### CORS (跨網域資源共享)

CORS = **C**ross-**O**rigin **R**esource **S**haring

解決方式，設定 **`Access-Control-Allow-Origin`** 以及 **`Access-Control-Allow-Methods`** 這兩個表頭資訊。如果有允許其它表頭資訊的話，可再設定 **`Access-Control-Allow-Headers`** 。

第一種設定方式，以 Apache 的 **`.htaccess`** 檔為例：

```bash
Header add Access-Control-Allow-Origin "*"
Header add Access-Control-Allow-Methods "*"

# 如果有額外帶其它表頭資訊的話，也可以設定允許的表頭資訊
Header add Access-Control-Allow-Headers "API-Key"
```

第二種設定方式，以 PHP 程式個別檔案去設定：

```php
header("Access-Control-Allow-Origin: *");
header("Access-Control-Allow-Methods: *");

// 如果有額外帶其它表頭資訊的話，也可以設定允許的表頭資訊
header("Access-Control-Allow-Headers: API-Key");
```