前端工程打包部署

打包

直接执行第二个脚本build即可

打包后的文件将会放在dist目录下

 

 部署

  • NGINX:是一款轻量级的Web服务器/反向代理服务器及电子邮件(IMAP/POP3)代理服务器。其特点是占用内存少,并发能力强,在各大型互联网公司都有非常广泛的使用。
  • 官网:nginx news
  • 文件
    • confg:配置文件目录
    • html:静态资源目录
    • logs:日志文件
    • temp:临时文件
    • nginx.exe:启动文件
  • 部署:将打包好的的dist目录下的文件,复制到nginx安装目录下的html目录下

  •  启动:双击nginx.exe文件即可,Nginx服务器默认占用80端口
  • 在任务管理器中查看是否启动,如果启动失败就看日志文件中的报错日志,可能是端口号被占用,就换一个Ngin启动端口(自己搜资料)
  • 确认启动成功后在浏览器地址栏输入 localhost:+端口号即可回车

  • 运行结果如下:

成功显示打包的前端页面 

猜你喜欢

转载自blog.csdn.net/weixin_64939936/article/details/131621937
今日推荐