2018-08-07 03:19:16 +00:00
|
|
|
import Document, { Head, Main, NextScript } from 'next/document'
|
|
|
|
|
|
|
|
|
|
const inlineScript = (body, nonce) => (
|
2018-12-17 16:34:32 +00:00
|
|
|
<script
|
|
|
|
|
type='text/javascript'
|
|
|
|
|
dangerouslySetInnerHTML={{ __html: body }}
|
|
|
|
|
nonce={nonce}
|
|
|
|
|
/>
|
2018-08-07 03:19:16 +00:00
|
|
|
)
|
|
|
|
|
|
|
|
|
|
export default class MyDocument extends Document {
|
|
|
|
|
static async getInitialProps (ctx) {
|
|
|
|
|
const initialProps = await Document.getInitialProps(ctx)
|
|
|
|
|
const { nonce } = ctx.res.locals
|
|
|
|
|
return { ...initialProps, nonce }
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
render () {
|
|
|
|
|
const { nonce } = this.props
|
|
|
|
|
return (
|
|
|
|
|
<html>
|
|
|
|
|
<Head nonce={nonce}>
|
|
|
|
|
{inlineScript(`console.log('Inline script with nonce')`, nonce)}
|
|
|
|
|
</Head>
|
|
|
|
|
<body>
|
|
|
|
|
<Main />
|
|
|
|
|
<NextScript nonce={nonce} />
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
|
|
|
|
)
|
|
|
|
|
}
|
|
|
|
|
}
|
