0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

ReactのビルドがWeb Server for Chromeで動かない場合

Posted at

困ったこと

Reactで書いたコードを諸事情でWeb Server for Chromeで動かそうとしていた時のこと。
npm run buildでビルドしたものを配置すると、トップページは開けるが画面遷移ができなかった。
正確にはLinkタグでの遷移はできるがReact-BootstrapのNavDropdown.Itemのhrefでは404になった。
要はAタグやURLの直リンクでNot Foundになってしまう。

対処方法

「Show Advanced Options」を開く
image.png

「Enable mod-rewrite(for SPA)」を選択状態にする
image.png

この2ステップになかなか気づかずハマった。。。
Reactに限らずAngularとかSPAなら同じなんじゃないかと思う。

参考

Reactで直接URLをたたくと404になる時の対応

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?