如何处理静态网页中带参数的友好url？

Question

我有以下 URL https://mywebsite/somepage/1234/5678 其中 somepage 是一个页面的路由，数字是参数。

我的页面是静态页面，只有html和javascript。例如：https://mywebsite/somepage.html。

如何打开这个页面？url获取页面内的参数？

这样做的原因是我有一个移动深层链接将用户定向到一个网站，以便它可以在未安装应用程序或应用程序本身的情况下下载该应用程序。我无法选择在 Cake PHP 或 Spring Framework 中使用带路由系统的动态页面。

Answer 1

如果您想加载普通页面 (https://mywebsite/somepage.html)，则可以改用哈希。服务器看不到它们，因此它将提供常规 html 文件。

// get the url
var url = window.location.href; // = "https://mywebsite/somepage.html#1234/5678"

// get the bit you want
var params = url.substring(32); // = "1234/5678"
//            ^ the length of "https://mywebsite/somepage.html#"

// split it apart into individual parts
params = params.split("/"); // = ["1234", "5678"]

// then do whatever you like with the params

Answer 2

从 /

上拆分的当前路径名创建数组

var urlPath = window.location.pathname.split('/');

对数组做点什么...

urlPath.forEach(function(item) {
    console.log(item);
});

如何处理静态网页中带参数的友好url？

How to deal with a friendly url with parameters in a static webpage?

html

javascript

routes

static-pages

deeplink