React アプリに React Router を使ってページを追加した
ローカルでは動いたが、Vercel にデプロイすると 404 エラーが表示されてうまく動かない
プロジェクトルートに以下のような vercel.json を追加してデプロイすると解決する
{
"rewrites": [
{ "source": "/(.*)", "destination": "/" }
]
}
SPA でありがちな問題っぽい
React Router を使った React アプリを Vercel にデプロイする時の設定
·
39 words
·
1 minutes to read
Categories
Tags
- ai (2)
- aleph.js (2)
- amazon linux (1)
- ambient (2)
- api (29)
- awk (2)
- aws (6)
- aws-cli (3)
- base64 (1)
- bash (1)
- bluesky (5)
- bskyrb (1)
- bun (2)
- bundler (4)
- centos (4)
- chatgpt (5)
- chrome (3)
- cli (2)
- cloud functions (5)
- cloud sql (1)
- cloudflare (12)
- cloudflare d1 (2)
- cloudflare pages (3)
- cloudflare r2 (4)
- cloudflare registrar (1)
- cloudflare workers (8)
- cloudflared (1)
- commit genius (1)
- cors (1)
- crontab (1)
- curl (1)
- debian (1)
- deno (15)
- deno deploy (2)
- developer tools (2)
- discord (1)
- dns (2)
- docker (20)
- docker compose (3)
- dotfiles (1)
- elixir (2)
- eslint (1)
- faraday (1)
- fastapi (1)
- gatsby (14)
- gcp (7)
- gem (24)
- ghq (1)
- git (11)
- gitea (1)
- github (2)
- github actions (20)
- github api (1)
- github graphql api (1)
- github pages (2)
- glide (1)
- go (3)
- google analytics (1)
- google apps script (5)
- google domains (1)
- google search console (2)
- graphql (1)
- grep (1)
- heroku (16)
- homebrew (5)
- homebridge (1)
- hono (5)
- html (1)
- hugo (1)
- ical (1)
- imagemagick (1)
- iot (15)
- iphone (1)
- iterm2 (1)
- javascript (6)
- jets (1)
- jq (1)
- linux (2)
- m5stack (3)
- m5unified (3)
- mac (13)
- mackerel (4)
- markdown (1)
- mastodon (1)
- minitest (1)
- mysql (7)
- nature remo (5)
- next.js (2)
- nextui (1)
- nginx (1)
- nocode (1)
- node.js (5)
- now (1)
- npx (1)
- nvm (1)
- obsidian (1)
- openai (1)
- opensearch (1)
- os (1)
- oss (1)
- peco (2)
- php (1)
- pip (1)
- pixela (7)
- postgresql (1)
- prezto (2)
- privacy (1)
- puma (1)
- puppeteer (1)
- pyenv (1)
- python (3)
- q (1)
- rails (35)
- raspberry pi (11)
- rbenv (1)
- react (8)
- redis (1)
- redshift (2)
- remix (1)
- resque (1)
- ripgrep (1)
- rspec (1)
- rubocop (4)
- ruby (78)
- rubykaigi (1)
- rust (1)
- s3 (2)
- secret manager (1)
- shortcodes (1)
- sinatra (15)
- skylight (1)
- spotify (3)
- switchbot (11)
- tailwind css (2)
- terraform (4)
- toggl (4)
- twitter (2)
- typescript (6)
- typhoeus (1)
- ubuntu (3)
- vagrant (4)
- vercel (5)
- vim (1)
- virtualbox (1)
- webpacker (1)
- webサーバー (1)
- yarn (2)
- zsh (3)
- zx (2)
- アルゴリズム (1)
- ガジェット (2)
- キャッシュ (1)
- コマンド (36)
- シェルスクリプト (1)
- スクレイピング (1)
- デザインパターン (1)
- ドメイン (1)
- ドメイン移管 (1)
- バックアップ (1)
- ブックマークレット (1)
- ベーシック認証 (1)
- メモ (1)
- ワンライナー (1)
- 仮想通貨 (3)
- 振り返り (2)
- 独自ドメイン (1)
- 画像処理 (3)
- 監視 (1)
- 電子工作 (1)