无法访问yarn build React应用程序中的子例程和主页



我正在尝试将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(

相关内容

  • 没有找到相关文章

最新更新