我正在尝试将React应用程序部署到公共站点,并且在localhost
上一切正常。当我把网站放起来并转到网址(即www.something.com(时,主页会显示出良好的效果,包括静态资产。
然后,当我创建一个包含以下内容的.htaccess
文件时:
FallbackResource /
子例程都表现良好(静态资产包括js、css、images(,但主页出现502 Bad Gateway
错误。
然而,当我转到一个子例程(即www.something.com/about(时,它是404。
- 我使用
yarn build
构建 - 我正在使用
"react-router-dom": "^5.1.2"
- 我使用
create-react-app
设置了应用程序 package.json
包含"homepage": "."
我做错了什么?
这个问题的答案是.htaccess重写将根URL重定向到子目录
我重定向到主页,如示例所示,并保留我的后备资源定义。
RewriteEngine On
RewriteRule ^$ /index.html [L]
FallbackResource /index.html
我注意到你也可以在这里使用任何其他定义的路线(即/contact
(