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;    }}

测试项目

点击我直达。