Vue项目部署以及使用Nginx打包运行

前言

前面我们已经学到了项目的搭建那么我们就要开始打包并且在本地部署我们的项目啦

怎么使用cmd命令来进行Vue脚手架的项目搭建-CSDN博客

项目打包

方式一:

我们采取图形化界面来实现,就是右下角的build,对,看那个该死的build,我一上午没运行出来

所以我采取的是cmd界面来实现的

方式二:

这里我们采取的是cmd界面的形式,这里就是详细的哈哈哈哈

我么就可以看到生成的项目包

代理服务器

Nginx是一种高性能的HTTP服务器,同时也是一个高效的反向代理服务器。

NGINX - 高级负载均衡器、Web服务器、反向代理 | 弘协网络

我的口头介绍肯定是没有专门的电子书文档详细,打击可以详细的看看这个

但是他说白了还是一个自己的本地软件来实现自己项目的搭建实现

nginx news

进入他的官网,我们去下载

我们看到右边的download点击进入,然后我们选择自己的版本

对的就是这个我们开始下载

下载完毕之后我们就开始部署啦

项目部署

对的就是把项目包里面的dist的所有文件复制到Nginx的html文件夹里面

我们运行对应的exe文件,然后打开自己的浏览器输入路径就可以啦

ok。可以看到我们没有任何问题,运行成功

项目部署出现的问题

我们打开exe文件之后,如果没有任何反应的话就可以先检查logs文件夹下面的error.log文件日志

端口占用

这个问题很好解决的

我们打开对应的任务管理器,搜索一下这个Nginx是否在对应的终端运行,打开是肯定没有啦,此时我们在cmd命令行输入

netstat -ano |  findStr 80 来查看对应的端口占用情况以及对应的进程

经过检查我们可以看到确实被占用啦,那么我们就需要更换端口配置

我们在对应的conf文件夹下面打开对应的nginx.comf文件进行server的listen监听的端口修改,大家可以自己修改,然后我们再次执行exe文件就可以啦

如果还有后续问题欢迎大家在评论区留言


今日分享3

镜花雪月,真真假假,不要相信那些做不到的誓言

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

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

相关文章

【HarmonyOS应用开发】ArkUI 开发框架-进阶篇-管理组件状态(九)

管理组件状态 一、概述 在应用中,界面通常都是动态的。下图所示,在子目标列表中,当用户点击目标一,目标一会呈现展开状态,再次点击目标一,目标一呈现收起状态。界面会根据不同的状态展示不一样的效果。 Ar…

Golang语言异常机制解析:错误策略与优雅处理

前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家。点击跳转到网站https://www.captainbed.cn/kitie。 前言 作为开发者来说,我们没办法保证程序在运行过程中永远不会出现异常,对于异常…

docker镜像命令

docker images 列表本机上的镜像 - REPOSITORY:表示镜像的仓库源 - TAG:镜像的标签 - IMAGE ID:镜像 - ID CREATED:镜像创建时间 - SIZE:镜像大小 同一仓库源可以有多个 TAG,代表这个仓库源的不同个版本&am…

C语言第十五弹---操作符(上)

✨个人主页: 熬夜学编程的小林 💗系列专栏: 【C语言详解】 【数据结构详解】 操作符 1、操作符的分类 2、二进制和进制转换 2.1、2进制转10进制 2.1.1、10进制转2进制数字 2.2、2进制转8进制和16进制 2.2.2、2进制转16进制 3. 原码、反…

计算机网络——网络层(3)

计算机网络——网络层(3) 小程一言专栏链接: [link](http://t.csdnimg.cn/ZUTXU)1 网络层——控制平面因特网中自治系统内部的路由选择总括考虑因素总结 ISP之间的路由选择:BGP考虑因素总结 SDN控制层面重要组件和功能总结 ICMP主要功能和特点…

Linux逻辑卷(LV)扩容

Linux逻辑卷(LV)扩容 1、准备物理磁盘(分区和不分区都行),可以使用lsblk命令查看新增的磁盘,如下图sde就是我们新增磁盘,容量为600G。 2、将新磁盘变成物理卷(PV) pvcr…

java:6 数组

文章目录 数组array1. 介绍2. 入门练习3. 数组的使用3.1 使用方法一:动态初始化3.2 使用方法二:动态初始化3.3 使用方法三:静态初始化 4. 数组的细节5. 数组的应用6. 数组赋值机制7. 数组拷贝8. 数组反转(2种) 数组arr…

Linux-----文本三剑客补充~

一、模糊匹配 模糊匹配用 ~ 表示包含,!~表示不包含 1、匹配含有root的列 [rootlocalhost ~]#awk -F: /root/ /etc/passwd root:x:0:0:root:/root:/bin/bash operator:x:11:0:operator:/root:/sbin/nologin [rootlocalhost ~]#awk -F: $1~ /root/ /etc/passw…

vue插槽使用方法

细致讲解slot插槽的使用 彻底搞懂slot插槽,图文详解1、什么是插槽Vue 实现了一套内容分发的 API,将 元素作为承载分发内容的出口。插槽实质是对子组件的扩展,通过插槽向组件内部指定位置传递内容。slot的出现是为了父组件可以堂而皇之地在子…

RK3588平台开发系列讲解(视频篇)RKMedia的VDEC模块

文章目录 一、 VDEC模块支持的编码标准介绍二、VDEC API的调用三、VDEC解码流程沉淀、分享、成长,让自己和他人都能有所收获!😄 📢RKMedia是RK提供的一种多媒体处理方案,可实现音视频捕获、音视频输出、音视频编解码等功能。 一、 VDEC模块支持的编码标准介绍 RK3688 V…

金航标kinghelm萨科微slkor宋仕强说

金航标kinghelm萨科微slkor宋仕强说,着眼未来,萨科微半导体将持续发挥自身在技术研发和产品创新方面的优势,以优质高效的半导体解决方案满足全球各地市场的需求。目前,萨科微的产品线已经囊括了二极管、三极管、功率器件、电源管理芯片等多个系列,并在霍尔传感器、A…

matlab中的图窗属性和坐标轴的属性

图窗的Position和Outerposition Position 指定窗口的尺寸和窗口在屏幕中的位置。 Outerposition 指定窗口外轮廓的大小和位置。 两者都是用一个4维向量来定义,格式为[左 底 宽 高]。 可通过set函数修改Position和Outerposition,如下:在屏幕左…