Nginx部署静态网页(2017.11.17添加https)

s之前这《vue新建项目(四)项目部署》介绍了在使用IIS不是Vue项目。现在服务器换成了Linux+Nginx的了。现在又要部署一次了这次。Nginx的部署也不难。

步骤

新建.conf配置文件

1. cd /etc/nginx/sites-enabled
2. touch manage.conf

编辑配置文件

1. vim manage.conf
2. 粘贴进如下代码

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

       server_name manage.hgdqdev.cn;

       location / {
            root /home/manage/dist;
            index index.html;
            try_files $uri $uri/ =404;
       }
}

这的root是你的需要部署的首页的目录;index是项目的首页，我的是index.html。

重启Nginx

service nginx reload

如果不是管理员或者root用户登录就在命令前加上sudo。

配置https

修改上面的Nginx配置为

server {
    listen 443;
    server_name manage.hgdqdev.cn;
    ssl on;
    ssl_certificate   /home/manage/ssl/214266057470269.pem;
    ssl_certificate_key  /home/manage/ssl/214266057470269.key;
    ssl_session_timeout 5m;
    ssl_ciphers ECDHE-RSA-AES128-GCM-SHA256:ECDHE:ECDH:AES:HIGH:!NULL:!aNULL:!MD5:!ADH:!RC4;
    ssl_protocols TLSv1 TLSv1.1 TLSv1.2;
    ssl_prefer_server_ciphers on;
    location / {
    root /home/manage/dist;
        index index.html;
    }
}

测试项目

点击我直达。