Nginx部署静态网页

之前这《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。

测试项目

点击我直达。