带参数访问网站时出现404错误(vuejs)

404 error when accessing website with parameters (vuejs)

我在一个使用 VueJS 的网站上工作,刚刚想出了如何处理 url 参数,这在我的本地机器上运行良好。我可以导航到一个页面,然后在我的浏览器中复制完整的 link 包括参数,页面以相同的方式加载。

示例:我键入 localhost:8080 以加载索引站点,导航到 localhost:8080/param1/param2 以转到另一个站点,一切正常。我什至可以直接输入 localhost:8080/param1/param2(无需先转到索引页面),它也可以工作。

但是,在构建并上传到我的网络托管服务提供商后,我无法直接输入带有参数的 url,它仅在从索引页面导航时有效。

我可以报以下错误:

404 Error

我几乎没有路由和虚拟主机方面的经验,即使经过大量研究也无法在线找到解决方案。任何帮助将不胜感激。

根据我收到的评论补充的信息:

虚拟主机: 我登录了 Plesk,我可以在其中管理我的设置。我有这样的“Apache & nginx”设置:

Apache Settings

nginx Settings

这是因为 SPA 没有像传统页面那样针对不同 URL 的不同 HTML 页面。因此,您必须将所有请求重定向到服务器设置中的 index.html 页面,或者将历史记录 属性 设置为此 history: createWebHashHistory().

让我知道这是否有效。

P.S: 抱歉,我不知道如何在 Apache 或 Nginx 中为此配置设置