博客文章

Nginx配置网站适配PC和手机

07月5日

1. 首先,需要设置两个server块,一个用于PC访问,另一个用于手机访问:

“`
server {
listen 80;
server_name www.example.com;
root /var/www/pc;
}

server {
listen 80;
server_name m.example.com;
root /var/www/mobile;
}
“`

2. 修改配置文件,添加以下配置,检测用户设备类型,重定向到对应的server块:

“`
http {

map $http_user_agent $mobile {
default “”;
~*iphone “1”;
~*android “1”;
~*ipad “1”;
~*ipod “1”;
}

server {
listen 80;
server_name www.example.com;
root /var/www/pc;
if ($mobile = “1”) {
rewrite ^ http://m.example.com$request_uri? redirect;
}
}

server {
listen 80;
server_name m.example.com;
root /var/www/mobile;
if ($mobile = “”) {
rewrite ^ http://www.example.com$request_uri? redirect;
}
}
}
“`

3. 配置完成后,重启Nginx服务器,访问 www.example.com 时将自动适配PC端,访问 m.example.com 时将自动适配手机端。

返回