V2EX 的 url 链接重写究竟是如何做的?

2016-07-10 23:04:00 +08:00
 ty4z2008

http://v2ex.com/t/291537 http://v2ex.com/t/291536

像上面的 url 链接, 把 291537 与 291536 做为参数是如何实现的? 我所知道的在前端框架(vue.js)里面提供了路由( router )功能,对于参数的获取可以使用:id,然后使用内部的函数$route.params.id就可以获取到参数值。

而我现在的场景是。前后端分离,以前都是在 url 链接后跟 querystring ,使用id=1&name=test这样的形式。然后数据通过 ajax 发送到 nginx 的转发 url 地址,例如所有以 api 为开头的 url 。譬如:http://example.com/api/user/login,通过 nginx 转发到 upstream 服务进行数据处理。

那么问题就来了。对于 url 的数据解析。譬如上面的291537我可以使用 js 做正则匹配获取到值。但是上面的这个 url 如何生成呢?通过 nginx 的 rewrite 模块?还是使用服务端模板的形式编译好之后发生 HTML 页面到前端?

其实整个问题通俗一点就是把http://example.com/mobile/index.html?id=1232变成http://example.com/mobile/1232

通过阅读文章,我使用 nginx 的 rewrite 模块实现了 url 的重写即http://example.com/mobile/index.html?id=1232变成了http://example.com/mobile/123.但是这样虽然修改了 url ,而没有解析到 index.html.并不是我想要的

3040 次点击
所在节点    问与答
14 条回复
just1
2016-07-10 23:08:59 +08:00
不是后端需要做的吗,跟 nginx 没关系啊
比如 django
^t/(?P<id>\d+)就可以获取到了
iyaozhen
2016-07-10 23:18:16 +08:00
后端语言支持 index.xxx?id=123 就行,然后 nginx rewrite index/id/123 为 index.xxx?id=123
yixiang
2016-07-10 23:22:00 +08:00
后端技术可以直接处理这样的 url 。
ty4z2008
2016-07-10 23:46:49 +08:00
@just1 我主要是想前后端分离。毕竟?id=1232 这样一长串的对用户不友好。

@iyaozhen 是把 index/id/123 重写为 index.xxx?id=123 ,而不是把 index.xxx?id=123 重写为 index/id/123 ?
@yixiang 我是想用 nginx 实现前后端分离,然后通过 ajax 交互数据。这个 url 是面对用户的
billlee
2016-07-10 23:58:03 +08:00
楼主可能对后端不太熟悉,后端可以用一个入口接受整个网站下的所有请求的,然后再根据 url dispatch, 根本不需要 nginx 做重写。
iyaozhen
2016-07-11 00:09:49 +08:00
@ty4z2008 恩 是的,你弄反了。用户请求的是 index/id/123 而程序接收的是 index.xxx?id=123 这样对用户和程序都友好
shyling
2016-07-11 00:33:27 +08:00
直接 rewrite 到你的入口 php ,然后根据 path_info 解析参数。。
前端直接用就行了。成熟点的 php 框架都有路由的封装
kslr
2016-07-11 01:58:33 +08:00
你可以看看框架的路由是如何设计的,并亲自实现一个
ty4z2008
2016-07-11 08:01:33 +08:00
@billlee @kslr 是的,其实我是做前端开发的,对于后端不是很清楚。我是想了解其中的原理具体是什么


@shyling 前端解析这样的参数我倒是有方法,可以自己写一个解析封装。您这样说的是 php+模板的方式。我现在的场景是 php (我的项目使用的 go ,这里是一个比如)做为一种后端服务语言,然后使用 ajax 访问数据。
just1
2016-07-11 08:51:05 +08:00
其实对于后端来说,其实没差,先协商好就可以
shyling
2016-07-11 08:58:37 +08:00
@ty4z2008 我没说前端。。。你是不是没做过后端啊。。。
im
2016-07-11 08:59:48 +08:00
伪静态不就是做这个的么,随便你怎么定义你的地址
plqws
2016-07-11 11:38:49 +08:00
楼主可能需要了解一下 HTTP 协议的原理
域名后面其实并不是 path ,而是纯粹的字符串
就算是用 nginx 做静态文件服务器,它也是先把整个 url 传进一个唯一入口,然后根据域名后面的路径在本地定位文件位置。
那些有自定义路由功能的 web 框架,其实基本上不管你域名后面的路径是什么样子的,都是全程只访问一个文件例如 index.php , PHP 本身就有 API 可以获取用户访问的 url ,然后直接解析这个 url ,根据 url 后面的不同参数就可以展示不同的内容。说白了就是和 rewrite 基本上没有关系,要说唯一牵扯上关系的就是把任何 url 都隐式重定向到 index.php 。
ty4z2008
2016-07-11 11:54:34 +08:00
@plqws 好的,谢谢。明白了
@shyling 做的少

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/291580

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX