前端工程打包部署

打包

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

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

 

 部署

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

  •  启动:双击nginx.exe文件即可,Nginx服务器默认占用80端口
  • 在任务管理器中查看是否启动,如果启动失败就看日志文件中的报错日志,可能是端口号被占用,就换一个Ngin启动端口(自己搜资料)

     

  • 确认启动成功后在浏览器地址栏输入 localhost:+端口号即可回车

  • 运行结果如下:

成功显示打包的前端页面 

 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/17606.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

JDBC技术【JDBC概述、获取数据库连接、 下载数据库驱动】(一)-全面详解(学习总结---从入门到深化)

目录 JDBC概述 JDBC编写步骤 获取连接 下载数据库驱动 获取数据库连接 Properties文件的使用 JDBC概述 数据的持久化 持久化(persistence):将内存中的数据保存到可永久保存的存储 设备中(如磁盘)。 持久化的主要应用是将内存中的数据存储…

微信小程序canvas生成图片并保存

需求&#xff1a; 做一个类似下图的功能。图片内容是动态的&#xff0c;用canvas画出来&#xff0c;生成临时图片&#xff0c;再保存。 实现&#xff1a; <view class"canvasBox"><canvas canvas-id"myCanvas" class"myCanvas">&l…

B. Building Company

Problem - B - Codeforces 思路&#xff1a;我们能够发现这其实类似于操作系统的问题&#xff0c;其思想就是我们先把能完成的工程完成&#xff0c;然后加入完成工程后得到的奖励&#xff0c;然后再看是否会有新的工程能够完成&#xff0c;然后一直重复知道不会再出现新的工程能…

Unity/Shader 零碎知识点

来源&#xff1a;shader入门精要-冯乐乐 坐标系 Unity使用的是左手坐标系&#xff1b;观察空间&#xff0c;通俗来讲就是以摄像机为原点的坐标系&#xff0c;摄像机的前向是z轴的负方向&#xff0c;与模型和世界空间中的定义相反&#xff0c;z轴的坐标减少意味着场景深度的增加…

【动手学习深度学习--逐行代码解析合集】08模型选择、欠拟合和过拟合

【动手学习深度学习】逐行代码解析合集 08模型选择、欠拟合和过拟合 视频链接&#xff1a;动手学习深度学习–模型选择、欠拟合和过拟合 课程主页&#xff1a;https://courses.d2l.ai/zh-v2/ 教材&#xff1a;https://zh-v2.d2l.ai/ 1、生成数据集 import math import numpy a…

PROFINET转ETHERNET/IP网关西门子通讯协议profinet

大家好&#xff0c;今天我们来聊一款令人兴奋的产品——远创智控YC-PN-EIP&#xff01;它是一款自主研发的 PROFINET 从站功能的通讯网关&#xff0c;可以将 PROFINET网络和ETHERNET/IP 网络连接起来&#xff0c;实现数据传输和交换。但这只是它的基础功能&#xff0c;它还有哪…

word因导入mathtype不能使用复制粘贴快捷键的解决方法

1. 我们安装完mathtype后&#xff0c;有时会有两个mathtype显示&#xff0c;其中一个是属于office文件夹下的&#xff0c;另一个是win文件夹下的。如图&#xff1a; 2. 如果word中的复制粘贴快捷键&#xff08;CTRLC和CTRLV&#xff09;不能用&#xff0c;通常是因为office路径…

命名管道使用示例

用命名管道实现client和server端进行通信 【实现步骤】 创建两个没有关系的进程--》编写client和server源文件&#xff0c;并分别编译成可执行程序&#xff1b;创建命名管道文件&#xff0c;用函数int mkfifo(const char *filename,mode_t mode);client端以写的方式打开管道文…

15、Java中的异常体系

Java中的所有异常都来自顶级父类ThrowableThrowable下有两个子类Exception和ErrorError是程序无法处理的错误&#xff0c;一旦出现这个错误&#xff0c;则程序将被迫停止运行Exception不会导致程序停止&#xff0c;又分为两个部分RunTimeException运行时异常和CheckedException…

【微信小程序创作之路】- 小程序中WXML、JS、JSON、WXSS作用

【微信小程序创作之路】- 小程序中WXML、JS、JSON、WXSS作用 第三章 微信小程序WXML、JS、JSON、WXSS作用 文章目录 【微信小程序创作之路】- 小程序中WXML、JS、JSON、WXSS作用前言一、WXML是什么&#xff1f;二、JS是什么&#xff1f;三、JSON是什么&#xff1f;四、WXSS是什…

漫谈大数据时代的个人信息安全(一)——“按图索骥”

大数据时代的个人信息安全系列——“按图索骥” 一、寻找王珞丹二、啥是Exif &#xff1f;三、个人信息保护小贴士 近日&#xff0c;某高校毕业生在校期间窃取学校内网数据&#xff0c;收集全校学生个人隐私信息的新闻引发了人们对大数据时代个人信息安全问题的再度关注。在大数…

计算机体系结构基础知识介绍之缓存性能的十大进阶优化之减少命中时间和流水线访问和多组缓存增加带宽(三)

优化二&#xff1a;减少命中时间的方式预测 路预测是一种高速缓存优化技术&#xff0c;它在高速缓存中保存额外的位来预测下一次高速缓存访问的路&#xff08;或者组内的块&#xff09;。这种预测可以提前设置多路选择器来选择期望的块&#xff0c;并且在那个时钟周期内&#…