mirror of
https://github.com/terribleplan/next.js.git
synced 2024-01-19 02:48:18 +00:00
Fix README links (#6284)
This commit is contained in:
parent
77a5a6f91a
commit
126eb49867
|
@ -765,7 +765,7 @@ class MyLink extends React.Component {
|
||||||
const { router } = this.props
|
const { router } = this.props
|
||||||
router.prefetch('/dynamic')
|
router.prefetch('/dynamic')
|
||||||
}
|
}
|
||||||
|
|
||||||
render() {
|
render() {
|
||||||
const { router } = this.props
|
const { router } = this.props
|
||||||
return (
|
return (
|
||||||
|
@ -773,7 +773,7 @@ class MyLink extends React.Component {
|
||||||
<a onClick={() => setTimeout(() => router.push('/dynamic'), 100)}>
|
<a onClick={() => setTimeout(() => router.push('/dynamic'), 100)}>
|
||||||
A route transition will happen after 100ms
|
A route transition will happen after 100ms
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -1343,7 +1343,7 @@ module.exports = {
|
||||||
|
|
||||||
```js
|
```js
|
||||||
// Example next.config.js for adding a loader that depends on babel-loader
|
// Example next.config.js for adding a loader that depends on babel-loader
|
||||||
// This source was taken from the @zeit/next-mdx plugin source:
|
// This source was taken from the @zeit/next-mdx plugin source:
|
||||||
// https://github.com/zeit/next-plugins/blob/master/packages/next-mdx
|
// https://github.com/zeit/next-plugins/blob/master/packages/next-mdx
|
||||||
module.exports = {
|
module.exports = {
|
||||||
webpack: (config, {}) => {
|
webpack: (config, {}) => {
|
||||||
|
@ -1464,7 +1464,7 @@ module.exports = {
|
||||||
}
|
}
|
||||||
```
|
```
|
||||||
|
|
||||||
注意:Next.js 运行时将会自动添加前缀,但是对于`/static`是没有效果的,如果你想这些静态资源也能使用 CDN,你需要自己添加前缀。有一个方法可以判断你的环境来加前缀,如 [in this example](https://github.com/zeit/next.js/tree/master/examples/with-universal-configuration)。
|
注意:Next.js 运行时将会自动添加前缀,但是对于`/static`是没有效果的,如果你想这些静态资源也能使用 CDN,你需要自己添加前缀。有一个方法可以判断你的环境来加前缀,如 [in this example](https://github.com/zeit/next.js/tree/master/examples/with-universal-configuration-build-time)。
|
||||||
|
|
||||||
<a id="production-deployment" style="display: none"></a>
|
<a id="production-deployment" style="display: none"></a>
|
||||||
## 项目部署
|
## 项目部署
|
||||||
|
|
|
@ -836,7 +836,7 @@ You can add `prefetch` prop to any `<Link>` and Next.js will prefetch those page
|
||||||
```jsx
|
```jsx
|
||||||
import Link from 'next/link'
|
import Link from 'next/link'
|
||||||
|
|
||||||
function Header() {
|
function Header() {
|
||||||
return (
|
return (
|
||||||
<nav>
|
<nav>
|
||||||
<ul>
|
<ul>
|
||||||
|
@ -870,7 +870,7 @@ Most prefetching needs are addressed by `<Link />`, but we also expose an impera
|
||||||
```jsx
|
```jsx
|
||||||
import { withRouter } from 'next/router'
|
import { withRouter } from 'next/router'
|
||||||
|
|
||||||
function MyLink({ router }) {
|
function MyLink({ router }) {
|
||||||
return (
|
return (
|
||||||
<div>
|
<div>
|
||||||
<a onClick={() => setTimeout(() => router.push('/dynamic'), 100)}>
|
<a onClick={() => setTimeout(() => router.push('/dynamic'), 100)}>
|
||||||
|
@ -1082,7 +1082,7 @@ function Home() {
|
||||||
<p>HOME PAGE is here!</p>
|
<p>HOME PAGE is here!</p>
|
||||||
</div>
|
</div>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|
||||||
export default Home
|
export default Home
|
||||||
```
|
```
|
||||||
|
@ -1684,10 +1684,10 @@ export default Index
|
||||||
|
|
||||||
> :warning: Note that this option is not available when using `target: 'serverless'`
|
> :warning: Note that this option is not available when using `target: 'serverless'`
|
||||||
|
|
||||||
> :warning: Generally you want to use build-time configuration to provide your configuration.
|
> :warning: Generally you want to use build-time configuration to provide your configuration.
|
||||||
The reason for this is that runtime configuration adds a small rendering / initialization overhead.
|
The reason for this is that runtime configuration adds a small rendering / initialization overhead.
|
||||||
|
|
||||||
The `next/config` module gives your app access to the `publicRuntimeConfig` and `serverRuntimeConfig` stored in your `next.config.js`.
|
The `next/config` module gives your app access to the `publicRuntimeConfig` and `serverRuntimeConfig` stored in your `next.config.js`.
|
||||||
|
|
||||||
Place any server-only runtime config under a `serverRuntimeConfig` property.
|
Place any server-only runtime config under a `serverRuntimeConfig` property.
|
||||||
|
|
||||||
|
@ -1742,7 +1742,7 @@ module.exports = {
|
||||||
}
|
}
|
||||||
```
|
```
|
||||||
|
|
||||||
Note: Next.js will automatically use that prefix in the scripts it loads, but this has no effect whatsoever on `/static`. If you want to serve those assets over the CDN, you'll have to introduce the prefix yourself. One way of introducing a prefix that works inside your components and varies by environment is documented [in this example](https://github.com/zeit/next.js/tree/master/examples/with-universal-configuration).
|
Note: Next.js will automatically use that prefix in the scripts it loads, but this has no effect whatsoever on `/static`. If you want to serve those assets over the CDN, you'll have to introduce the prefix yourself. One way of introducing a prefix that works inside your components and varies by environment is documented [in this example](https://github.com/zeit/next.js/tree/master/examples/with-universal-configuration-build-time).
|
||||||
|
|
||||||
If your CDN is on a separate domain and you would like assets to be requested using a [CORS aware request](https://developer.mozilla.org/en-US/docs/Web/HTML/CORS_settings_attributes) you can set a config option for that.
|
If your CDN is on a separate domain and you would like assets to be requested using a [CORS aware request](https://developer.mozilla.org/en-US/docs/Web/HTML/CORS_settings_attributes) you can set a config option for that.
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue