如何解决Vue路由器历史记录模式+ Hostinger问题
我正在使用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>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。