第八章:打包部署

第八章:打包部署

第八章:打包部署_第1张图片

点击build就是打包,打包完了后会放在dist目录下
我们要进行项目部署,只要将dist打包后的资源部署在服务器上即可
第八章:打包部署_第2张图片

npm run build
第八章:打包部署_第3张图片
第八章:打包部署_第4张图片
下面这些就打包后的文件
第八章:打包部署_第5张图片

下面我们就要将这些打包后的文件部署在前端服务器nginx服务器上面
第八章:打包部署_第6张图片
第八章:打包部署_第7张图片
第八章:打包部署_第8张图片

我们将dist复制粘贴到nginx的html文件夹下面
第八章:打包部署_第9张图片

然后点击nginx.exe
第八章:打包部署_第10张图片
此时我们发现启动不了,查看error.log,发现原因是端口号80被占用了
我们在命令行中查看被哪个占用了
发现被System占用了
第八章:打包部署_第11张图片
第八章:打包部署_第12张图片
第八章:打包部署_第13张图片

4表示进程id,我们打开任务管理器根据进程id查找,发现System已经占用了80端口
第八章:打包部署_第14张图片

下面我们给nginx换一个端口号
在nginx的conf目录下,打开nginx.conf,将80改为90
第八章:打包部署_第15张图片

下面我们在打开nginx.exe,然后在浏览器中访问网址
访问成功
第八章:打包部署_第16张图片

你可能感兴趣的:(JAVAWEB2,前端)