Skip to content

doc: translate cdn links #50

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 2 commits into from
Apr 15, 2019
Merged

doc: translate cdn links #50

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
f3b5f47
doc: translate cdn links
fabianlee1211 Apr 13, 2019
fa81656
doc: minor suggestion change
fabianlee1211 Apr 15, 2019
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
16 changes: 8 additions & 8 deletions content/docs/cdn-links.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,37 +1,37 @@
---
id: cdn-links
title: CDN Links
title: CDN 連結
permalink: docs/cdn-links.html
prev: create-a-new-react-app.html
next: hello-world.html
---

Both React and ReactDOM are available over a CDN.
通過 CDN 載入 React 和 React DOM。

```html
<script crossorigin src="https://unpkg.com/react@16/umd/react.development.js"></script>
<script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>
```

The versions above are only meant for development, and are not suitable for production. Minified and optimized production versions of React are available at:
以上的版本只適用於開發環境，並不適合用於線上環境。你可以在以下找到已壓縮和最佳化的 React 線上版本：

```html
<script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
<script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
```

To load a specific version of `react` and `react-dom`, replace `16` with the version number.
請更改版本號碼 `16` 來載入指定版本的 `react` 和 `react-dom`。

### Why the `crossorigin` Attribute? {#why-the-crossorigin-attribute}
### 為什麼要使用 `crossorigin` Attribute? {#why-the-crossorigin-attribute}

If you serve React from a CDN, we recommend to keep the [`crossorigin`](https://developer.mozilla.org/en-US/docs/Web/HTML/CORS_settings_attributes) attribute set:
如果你通過 CDN 載入 React，我們建議你保留 [`crossorigin`](https://developer.mozilla.org/en-US/docs/Web/HTML/CORS_settings_attributes) 的設定：

```html
<script crossorigin src="..."></script>
```

We also recommend to verify that the CDN you are using sets the `Access-Control-Allow-Origin: *` HTTP header:
我們也建議你驗證你所使用的 CDN 是否設定了 `Access-Control-Allow-Origin: *` HTTP header：

![Access-Control-Allow-Origin: *](../images/docs/cdn-cors-header.png)

This enables a better [error handling experience](/blog/2017/07/26/error-handling-in-react-16.html) in React 16 and later.
這能為 React 16 或以上的版本帶來更好的[錯誤處理體驗](/blog/2017/07/26/error-handling-in-react-16.html)。