Vue路由器历史记录模式+ Hostinger问题

Question

我正在使用Vue路由器history模式。我的Vue项目位于主网站的子文件夹下。 （例如www.mainsite.com/projects/**vue-project *）*。我可以按照this documentation的指示配置publicPath，并且我的网站可以正确呈现。我正在通过Hostinger托管该网站。

我遇到的问题是，当我刷新页面时，我获得了Hostinger的默认404页面（首页除外）。

例如：

• mainsite.com/projects/ vue-project （主页：刷新时渲染）
• mainsite.com/projects/ vue-project / sub （刷新时显示404页）
• mainsite.com/projects/ vue-project / sub＃hash-param （刷新404页）

我试图遵循this documentation并将.htaccess文件添加到vue-project文件夹中。

//Approach 1.

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

//Approach 2

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