Vue中静态站点的动态URL路由

时间:2020-10-26 16:34:36

标签: javascript vue.js

我有一个静态站点,没有办法通过htaccess或类似方法添加重写,这通常是实现此功能的方式。我们使用Vue在静态.html模板(例如

)之上运行该网站

\example\index.html

因此,我可以访问www.mywebsite.com/example/并加载页面并运行Vue,当我想要一个子页面时,基于此布局,我目前必须创建

\example\subpage\index.html

同样,此方法www.mywebsite.com/example/subpage/很好,但是我想要的是通过API供稿来提取数据,并能够拥有动态网址

\example\subpage\any-page-name-here

我发现最接近的是使用#so

\example\subpage#any-page-name-here

这允许Vue在#之后提取数据并以此查询API。

任何帮助将不胜感激,由于托管方面的限制,目前尚无任何解决方法,因此我需要仅Vue / JS / HTML的解决方案。

谢谢!

1 个答案:

答案 0 :(得分:1)

由于您无法更改Web服务器配置,因此唯一的可能性是#标签选项或查询字符串,例如

example.com/site/?dynamic-data

原因是网络服务器首先决定了处理该请求的方法,并且无需任何配置,它只会简单地加载页面(如果页面存在或显示404)。这是在调用Vue应用之前发生的。