首页 > 解决方案 > 通过带参数的外部 URL 打开一个 vue 页面

问题描述

我将 Laravel 与 Vue 结合使用。我有一个名为“/app/main”的主 Web 应用程序的路径。这会加载一个特定的 vue 组件“main.vue”。

该页面的一个功能是将带有信息摘要的电子邮件发送给客户。我希望这封电子邮件包含指向该页面的链接,但带有此订单的特定 ID。

因此,像 http://nameofdomain/app/main/100000 这样的链接应该打开默认页面 http://nameofdomain/app/main,我会在其中捕获 100000 作为传递的参数,以便我可以处理显示特定的ID。

起初我以为我必须调整 laravel 路径并使用动态参数,但这似乎是错误的,因为我忽略了整个 vue 部分,这是我的登录页面。然后我为 Vue 研究了类似的东西,在其中添加了一个动态参数,例如:

路径:'/app/main/:id',

但这不起作用。它没有将 http://nameofdomain/app/main/100000 视为有效页面(404 错误)。

那么如何为我的客户提供一个包含 ID 的链接,以便当他们点击该链接时,他们会被重定向到我的 Laravel/Vue 页面,并且它只显示该订单的 ID(通过在 URL 中传递它)?

提前致谢。

标签: phplaravelvue.jsvuejs2

解决方案


您的客户端是否与服务器端分开?

如果没有,您能否提供该 Vue 组件的 Laravel 路由定义?也许您也只需要在服务器端代码中添加该参数匹配


推荐阅读