前端 - 手机网页版如何选择技术实现方式？

Question

app 部分页面需要手机网页版，如何实现好？

比如需要 文章页面
m.domain.com/post/10043

我考虑了三种方案：

1

我打算通过 nginx 配置，解析 request post/10043 到 src/pages/post/view.html，js 获取内容并输入结果到页面。尽量减少使用前端库。

2

采用 vue 单页应用。通过 vue router。但是我担心以后如果需要更多的页面，打包下来，加载的内容会过多，影响加载速度，毕竟是手机访问。

3

php 渲染模板。前端复杂的页面，再引入 js

这种情况，怎么设计合适呢？我觉得这三种都不太好。求大神指导。

还没尝试，只是思考了一下这三种方案。

Answer 1

个人推荐移动站前端完全重做，另一个项目

1. 和PC端公用后端服务
2. 使用Nginx分别配置两个服务， m.domain.com 和 domain.com
3. 在 domain.com 服务中使用Nginx检测请求头UA是否含有mobile字段，如果有，进行302跳转到 m.domain.com 对应页面（没有对应的跳转首页等）
4. 上诉配置参考：

location / {    if ($http_user_agent ~* "Mobile") {        return 302 https://m.domain.com;    }}