vue打包发布到nginx（项目如何部署在Nginx服务器上）

在部署Vue项目之前首先对Vue项目进行打包，打包完成后，将打包后的dist文件上传到centos服务器上，然后将dist 放入到nginx默认的网站根目录下面，然后修改一下nginx.conf,最后重启一下nginx差不多就完事了！下面详细讲解一下具体操作！

第一步、打包Vue项目

yarn build 或 npm run build

使用scp 命令将dist文件上传到服务器指定目录中

scp -r dist root@192.168.124.100:/usr/local/var/www

第二步、修改nginx配置

修改完成后保存，回到 /usr/local/nginx/sbin/目录下面 执行如下命令重启nginx

./nginx -s reload

最后在主机上测试访问Vue项目是否部署成功：

项目能正常访问

到此为止Vue项目在nginx服务器上部署完成！