一开始我们使用的方法是通过js去判断,但是vue脚手架的项目加载中途会很明显的看到跳转的感觉所以不太合适。
所以想通过nginx代理端进行解决,由于部署都是同一个服务器所以只需要判断访问方式即可,这会出现一个弊端就是如果访问出错了,用户无法选择性的访问某个端。
location / {
if ($http_user_agent ~* (mobile|nokia|iphone|ipad|android|samsung|htc|blackberry)) {
root /home/web/https/website/mobile;
}
root /home/web/https/website;
index index.html index.htm;
try_files $uri $uri/ /index.html;
}
try_files为了防止路由被刷新404。
如果存在问题请评论中指出方便后面用户排错,我也能及时修改。