Skip to content

Commit d5eb570

Browse files
authored
リダイレクトの説明を動かした。 (#786)
1 parent 6a52bc9 commit d5eb570

File tree

2 files changed

+15
-8
lines changed

2 files changed

+15
-8
lines changed

docs/3-web-servers/07-get-post/index.mdx

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -107,6 +107,20 @@ app.listen(3000);
107107

108108
:::
109109

110+
:::tip[豆知識: リダイレクト]
111+
112+
サーバー側からブラウザに対してページ遷移を指示するためには、ブラウザからのリクエストに対して、特殊なレスポンスを返します。
113+
Express を用いてこのようなレスポンスを生成するためには、[`express.Response#send` メソッド](https://expressjs.com/ja/api.html#res.send) の代わりに、[`express.Response#redirect` メソッド](https://expressjs.com/ja/api.html#res.redirect) を用います。
114+
115+
```javascript
116+
app.post("/send", (request, response) => {
117+
// 省略
118+
response.redirect("/");
119+
});
120+
```
121+
122+
:::
123+
110124
### 解答例
111125

112126
解答例は以下を参照してください。

docs/3-web-servers/08-database/index.mdx

Lines changed: 1 addition & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -345,14 +345,7 @@ app.post("/send", async (request, response) => {
345345
送られてきたデータをデータベースに保存できるようにしましょう。データベースに投稿が保存された後、ブラウザは自動的に `/` に戻るようにしてみましょう。
346346

347347
:::info[ヒント]
348-
サーバー側からブラウザに対してページ遷移を指示するためには、ブラウザからのリクエストに対して、特殊なレスポンスを返します。Express を用いてこのようなレスポンスを生成するためには、[`express.Response#send` メソッド](https://expressjs.com/ja/api.html#res.send) の代わりに、[`express.Response#redirect` メソッド](https://expressjs.com/ja/api.html#res.redirect) を用います。
349-
350-
```javascript
351-
app.post("/send", async (request, response) => {
352-
// 省略
353-
response.redirect("/");
354-
});
355-
```
348+
[GET リクエストと POST リクエストの章](/docs/web-servers/get-post/)で扱った `express.Response#redirect` メソッドが使えます。
356349

357350
:::
358351

0 commit comments

Comments
 (0)