前端项目部署，一般是指把前端工程打包，再把生成的dist目录文件，上传到服务器里面，然后再配置nginx，通过nginx访问页面，整个流程大概就是这样的。

项目打包

项目打包，需要执行下面的命令，如下所示：

npm run build

执行完这个命令后，就会生成dist目录，里面包含index.html文件，还有assets文件夹，包含编译的js、css等代码

项目部署

项目部署，就是把dist里面的文件，部署到nginx里面，假如我们把dist里面的文件都上传到linux服务器的/data/maku-admin里面，如下所示：

[root@maku maku-admin]# pwd
/data/maku-admin
[root@maku maku-admin]# ll
total 32
drwxr-xr-x 2 root root  4096 May 24 00:00 assets
-rw-r--r-- 1 root root 16958 May 24 00:00 favicon.ico
-rw-r--r-- 1 root root   481 May 24 00:00 index.html

接下来，我们再配置一下nginx，可以配置在/etc/nginx/nginx.conf里面，如下所示：

server {
    listen       80;
    server_name  demo.maku.net;

    location /maku-admin {
        alias /data/maku-admin;
        index index.html;
    }
}

这样，我们就可以通过 http://demo.maku.net/maku-admin 访问了，整个前端部署就完成了