Vue路由器:直接从浏览器地址栏中访问页面

时间:2019-02-20 01:10:48

标签: nginx vue.js vue-router html5-history

我正在为Vue.js应用程序使用Vue路由器历史记录模式。我的问题是,当我尝试刷新不是根页面的页面或在浏览器地址栏中输入其URL时,显示“找不到页面” 404。

现在,他们在Vue路由器指南中对此进行警告(请参见https://router.vuejs.org/guide/essentials/history-mode.html#example-server-configurations),并建议解决方案“向服务器添加简单的全部后备路由。如果URL与任何静态地址都不匹配,资产,它应与您的应用程序所在的index.html页面相同。”

使用此解决方案,如果我尝试通过浏览器地址栏访问非根页面之一(具有相应的URL),则会显示根页面。这种解释正确吗?

我的问题:有没有一种方法可以实现这种行为,以便我可以从浏览器地址栏中直接直接访问我的不同页面,并在刷新后停留在同一页面上?

1 个答案:

答案 0 :(得分:0)

如果使用上述配置。您的后端会将所有请求路由到index.html。然后在安装Vue-Router时,它将检查URL并提供相应的组件。上面的实现将起作用。