为 VUE-JS SPA 设置 .htaccess 重写规则答案

【问题标题】：Setting up .htaccess rewrite rules for VUE-JS SPA为 VUE-JS SPA 设置 .htaccess 重写规则
【发布时间】：2020-06-09 13:29:45
【问题描述】：

我有一个 VUE 应用程序在历史模式下使用 VUE 路由器，但似乎无法让它在我的生产服务器上运行。我已经使用文档中给出的设置设置了 .htaccess 文件：

  RewriteEngine On
  RewriteBase /
  RewriteRule ^index\.html$ - [L]
  RewriteCond %{REQUEST_FILENAME} !-f
  RewriteCond %{REQUEST_FILENAME} !-d
  RewriteRule . /index.html [L]

这似乎对前端工作正常；又名（www.url.com/Anything/anything）似乎已正确路由。

当我尝试路由到我的管理员时出现问题：

www.url.com/admin/dashboard

这是在我的 index.js 中设置为带有子路由的路由，但我认为我还需要在我的 .htaccess 中设置一些特殊的东西，但是我似乎找不到任何有关如何执行此操作的信息。提前感谢您的帮助。

【问题讨论】：

你在admin/dashboard路线看到了什么？
我收到 404 错误
您是否在域的根目录提供应用程序？如果管理员路由未正确路由，那么“www.url.com/Anything/anything 似乎已正确路由”是什么意思？
所以我发现这是主机在服务器上的一个设置，他们必须授予我创建 htaccess 文件的权限。花了几天时间把我的头发拉出来，他们只是拨动了一个开关，它就起作用了。
@user10012 你能分享一下你的解决方案吗？谢谢

标签： apache .htaccess vue.js vuejs2 vue-router

【解决方案1】：

这是我的托管公司将我的 .htaccess 文件更改为适合我的文件。

RewriteEngine On
RewriteBase /
RewriteCond %{ENV:HTTPS} !on [NC]
RewriteRule ^(.*)$ https://myURL.com/$1 [R,L]
RewriteCond %{REQUEST_FILENAME} !-d
RewriteCond %{REQUEST_FILENAME} !-f
RewriteRule . index.html [L]

【讨论】：