第八章:打包部署

第八章:打包部署

在这里插入图片描述

点击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,然后在浏览器中访问网址
访问成功
在这里插入图片描述

  • 6
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值