nginx配置二级域名

最近为了练手Vue框架,写了一个博客项目,昨天刚刚把个人博客部署上线,因为前后端分离,所以使用Ajax来请求后端api接口获取数据,部署的过程中碰到了一个坑。我只有一个域名,所以想让一级域名originalix.com来访问博客,而使用二级域名demo.originalix.com来访问后端页面并且请求api。

怎么做呢,在查阅了资料以后发现,首先应该在域名供应商中添加一条二级域名的记录,比如我想使用的是demo

设置好域名后,在本地ping一下看看能不能ping通过 demo.originalix.com

接下来,ssh进服务器,找到你安装的nginx,启动并且配置。

  • 安装nginx
sudo apt-get install nginx
  • 重启nginx
sudo service nginx start
  • 进入nginx配置文件
sudo vim /etc/nginx/sites-available/default

在配置文件中可以这样写

server {  
    listen 80;
    server_name originalix.com;

    location / {
        proxy_set_header   X-Real-IP $remote_addr;
        proxy_set_header   Host      $http_host;
        proxy_pass         http://127.0.0.1:2368;
    }
}
server {  
    listen 80;
    server_name demo.originalix.com;

    location / {
        proxy_set_header   X-Real-IP $remote_addr;
        proxy_set_header   Host      $http_host;
        proxy_pass         http://127.0.0.1:8000;
    }
}

而我具体是因为后端是Laravel框架的项目,所以我得配置文件是这样写的

server {
    listen 80 default_server;
    listen [::]:80 default_server;

    root /var/www/;

    index index.html index.htm index.nginx-debian.html;

    # server_name 110.223.38.82;
    server_name http://originalix.xyz;

    location / {
            try_files $uri $uri/ /index.php?$query_string;
    }

    location ~ \.php$ {
            try_files $uri /index.php =404;
            fastcgi_split_path_info ^(.+\.php)(/.+)$;
            fastcgi_pass unix:/run/php/php7.0-fpm.sock;
            fastcgi_index index.php;
            fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name;
            include fastcgi_params;
    }
}

server {
    listen 80;
    server_name demo.originalix.com;
    root /var/www/originalix/public;
    index index.php index.html index.htm;
    location / {
        try_files $uri $uri/ /index.php?$query_string;
    }
    location ~ \.php$ {
      try_files $uri /index.php =404;
      fastcgi_split_path_info ^(.+\.php)(/.+)$;
      fastcgi_pass unix:/run/php/php7.0-fpm.sock;
      fastcgi_index index.php;
      fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name;
      include fastcgi_params;
    }
}

之后重启nginx,并且打开浏览器,输入 demo.originalix.com 就ok了

ps:在整个过程中如果遇到什么问题,比如 nginx启动失败。可以看一下这里:

//这个命令可以看一下你的nginx配置文件有没有问题,
//如果有问题它会指出,做相应的修改,直到没报错
nginx -t 


//查看日志。比如我nginx -t明明没问题,老是启动失败,
//看了日志才知道 Address already in use,端口被占用o(╯□╰)o
cat /var/log/nginx/error.log  

还是那句话,失败了一定要学会看日志!!!看日志!!!看日志!!!

很简单的事情,我也是摸索了一会儿,崩溃ing。

所以写个博客记录下来,希望能帮助到大家。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,082评论 19 139
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,916评论 25 709
  • 只要别人对你有认知,你就有个人品牌,并且时时刻刻经营着你的品牌。你说的每一句话,你做的每一件事,你的一眸一笑都是在...
    曹司空阅读 295评论 0 0
  • 背起行囊,独自行走之旅,心中充满了无限美好,我的心是快乐的…… 美丽无处不在,当我轻轻的步入花的海洋,闻到飘来的花...
    哇哈哈SCM阅读 317评论 0 0
  • 举几个栗子 水-->河-->人工河 水-->缸-->家用水 水-->热水壶-->开水 水-->游泳池-->池水(可...
    想太多的猫阅读 279评论 0 0