带参数访问网站时出现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 中为此配置设置
我在一个使用 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 中为此配置设置