用 Nginx 部署静态网站（以部署 Vue 项目为例）

用 Nginx 部署静态网站（以部署 Vue 项目为例）

1. 把 Vue 项目的发布包拷贝到服务器（这里服务器是Linux系统）
首先，运行 “npm run build” 命令构建 Vue 项目的发布包。在 Vue 项目中，可以使用 “npm run build” 命令生成静态文件夹 dist，开发者可以直接双击 dist 文件夹里面的 index.html 文件来访问自己的项目。
然后，拷贝发布包里的内容到服务器，比如拷贝后的目录是 /data/vuedist 。

2. 创建项目的 Nginx 配置文件
在 Nginx 配置目录下创建项目的配置文件 vuedist.conf，比如：
# pwd
/usr/local/nginx/conf/vhost
# ls
vuedist.conf

编辑文件，内容如下：
server
{
        listen 80;
        server_name _;
        index index.html index.htm index.php;

        root /data/vuedist;
                location / {
                try_files $uri $uri/ @router;
                index index.html;
        }

        location @router {
                rewrite ^.*$ /index.html last;
        }
}

保存退出。
“server_n