刷新时在有效的子域页面上获取 404

Question

我在子域上有一个网站，staging.mysite.com，当我刷新该 URL 时，任何和所有页面都会得到 404。也就是说，我可以从应用程序根目录导航到任何页面并且加载正常，但是如果我随后刷新该页面，我会得到 404。

我认为这可能是 DNS 问题？

mysite.com托管在 Goaddy 上，是我帐户的主要域名。我有一个指向我的托管 IP 的 A 记录staging，我已将staging添加为子域，域为staging.mysite.com，文档根为public_html/staging。

当我在本地主机上进行开发时，只有当我部署到暂存站点时，才没有问题。这让我相信这不是 VueJS 路由问题。

这是 DNS 配置错误吗？

Answer 1

你更新了.htaccess吗？

<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index.html$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.html [L]
</IfModule>

附加信息 示例服务器配置