Basic Svelte
Bindings
Classes and styles
Advanced Svelte
Advanced reactivity
Motion
Advanced bindings
Advanced transitions
Context API
Special elements
<script module>
Next steps
Basic SvelteKit
Introduction
Routing
Loading data
Headers and cookies
Shared modules
API routes
$app/state
Errors and redirects
Advanced SvelteKit
Page options
Link options
Advanced routing
Advanced loading
Environment variables
Conclusion
load
関数の中では (後で学習する form actions、hooks、API routesも同様)、setHeaders
関数を使用することができます。これは — 驚くことではありませんが — レスポンスにヘッダーをセットすることができます。
一般的には、Cache-Control
レスポンスヘッダーでキャッシュの挙動をカスタマイズするのに使用したりします。ただしこのチュートリアルでは、あまり推奨されないけれど、よりわかりやすいことをやってみましょう:
src/routes/+page.server
export function load({ setHeaders }) {
setHeaders({
'Content-Type': 'text/plain'
});
}
(この効果を確認するには、iframe をリロードする必要があるかもしれません。)
previous next
1
<h1>hello world</h1>