第八章：打包部署

发布时间：2024年01月19日

第八章：打包部署

在这里插入图片描述

点击build就是打包，打包完了后会放在dist目录下
我们要进行项目部署，只要将dist打包后的资源部署在服务器上即可
在这里插入图片描述

npm run build
在这里插入图片描述
在这里插入图片描述
下面这些就打包后的文件
在这里插入图片描述

下面我们就要将这些打包后的文件部署在前端服务器nginx服务器上面
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

我们将dist复制粘贴到nginx的html文件夹下面
在这里插入图片描述

然后点击nginx.exe
在这里插入图片描述
此时我们发现启动不了，查看error.log,发现原因是端口号80被占用了
我们在命令行中查看被哪个占用了
发现被System占用了
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

4表示进程id，我们打开任务管理器根据进程id查找，发现System已经占用了80端口
在这里插入图片描述

下面我们给nginx换一个端口号
在nginx的conf目录下，打开nginx.conf，将80改为90
在这里插入图片描述

下面我们在打开nginx.exe，然后在浏览器中访问网址
访问成功
在这里插入图片描述

文章来源:https://blog.csdn.net/m0_72232218/article/details/135686879
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
最新文章