手机网页版如何选择技术实现方式?

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

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

我考虑了三种方案:

1

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

2

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

3

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

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

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

阅读 329
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;
    }
}
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏