一五四、给Node项目、Vue spa静态项目、ssr项目配置域名

之前部署了一套blog的前后端+ssr项目，但是没有域名，只是设置了ip+端口访问，现在买了域名并且备案，就把之前的项目改为域名访问，这里记录一下

前序文章可以查看

• 服务器部署Node项目、Vue spa静态项目、ssr项目

  • 个人blog地址
  • csdn地址

• 从零到一实现自动化部署

  • 个人blog地址
  • csdn地址

1. 购买域名

随便到一个域名网站买一个域名，我是在腾讯云上买的

2. 域名解析

服务器>域名解析 添加你的具体域名地址

3. 更改Nginx配置

cd /usr/local/lighthouse/softwares/nginx/conf/web

spa静态项目

server {
  listen       80;
  server_name  admin.at-will.cn;
  #listen       8081;
  #server_name  119.91.139.245;
  charset utf-8;
  location / {
    root   /home/node/nodejs-koa-blog/admin-blog/dist;
    index  index.html index.htm;
    try_files $uri $uri/ /index.html;
  }
}

ssr项目

server {
    listen 80;
    server_name blog.at-will.cn;
    #listen 8080;
    #server_name 119.91.139.245;
    location / {
        proxy_http_version 1.1;
        proxy_set_header Upgrade $http_upgrade;
        proxy_set_header Connection "upgrade";
        proxy_set_header Host $host;
        proxy_set_header X-Nginx-Proxy true;
        proxy_cache_bypass $http_upgrade;
        proxy_pass http://localhost:3001/; #反向代理
    }
}

node.js 服务

server {
    listen 80;
    server_name blog.api.at-will.cn;
    #listen 9000;
    #server_name 119.91.139.245;
    location / {
        proxy_http_version 1.1;
        proxy_set_header Upgrade $http_upgrade;
        proxy_set_header Connection "upgrade";
        proxy_set_header Host $host;
        proxy_set_header X-Nginx-Proxy true;
        proxy_cache_bypass $http_upgrade;
        proxy_pass http://localhost:9000/; #反向代理
    }
}

查看配置文件是否正确

nginx -t

重启 nginx

nginx nginx -s reload

4. 查看网址

spa: http://admin.at-will.cn/
ssr:http://blog.at-will.cn/
接口:http://blog.api.at-will.cn/api/v1/category