网站首页 > 技术教程正文

Vue 项目如何部署在Nginx服务器上，简单而且保你一看就会

xnh888 2024-09-21 06:05:53 技术教程 21 ℃ 0 评论

在部署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服务器上部署完成！