服务器部署vue

news2024/11/16 17:39:33

1.下载及安装

打开服务器终端,在终端中输入以下命令,下载nginx安装包。

wget http://nginx.org/download/nginx-1.20.2.tar.gz

其中nginx版本可以自己选择,具体版本可查看此链接:nginx news
将下载的压缩包解压,输入指令:

tar -zvxf nginx-1.20.2.tar.gz
cd nginx-1.20.2

安装nginx

./configure --with-http_ssl_module --with-http_gzip_static_module

2. 安装nginx的时我遇到以下问题(如果nginx安装成功可忽略)

1,PCRE 缺失,报错代码

./configure: error: the HTTP rewrite module requires the PCRE library.
You can either disable the module by using --without-http_rewrite_module
option, or install the PCRE library into the system, or build the PCRE library
statically from the source with nginx by using --with-pcre= option.

解决办法:安装 PCRE

yum -y install pcre-devel

安装完再次执行 

./configure --with-http_ssl_module --with-http_gzip_static_module

又报了个错,如下,出现此报错信息,意思就是nginx有相关前置依赖openssl-devel没有安装

./configure: error: SSL modules require the OpenSSL library.
You can either do not enable the modules, or install the OpenSSL library
into the system, or build the OpenSSL library statically from the source
with nginx by using --with-openssl=<path> option.

 解决办法:安装下openssl-devel

yum -y install openssl openssl-devel

 安装完再次执行

./configure --with-http_ssl_module --with-http_gzip_static_module

 没出现报错,那么继续

 

 三.继续安装nginx

make

 如下:

make install

 四.启动程序

进入目录,启动nginx

cd /usr/local/nginx/sbin/
./nginx

 如下:

查看版本:

./nginx -v

五、配置nginx
在将dist文件传输至服务器以后,需要对nginx进行配置。
在服务器中找到/usr/local/nginx/conf/nginx.conf文件,打开nginx.conf文件修改以下内容:

1)打开winscp

 将打包好的vue文件dist放入指定目录

2).修改服务器端口
listen默认端口为8080,因为个人需求所以改为了8081,server_name填写localhost即可。 

3)修改dist存放路径

修改成刚才dist文件存放的路径,添加一行try_files $uri $uri/ @router;,防止刷新页面出现404。 

 五、进入界面和项目更新

1.进入界面

配置完成后需要重新启动以下nginx,可以用如下指令:

nginx -s stop
cd /usr/local/nginx/sbin/
./nginx

 运行,在浏览器中输入服务器IP:端口

2.项目更新

如果后续前端项目文件需要更新,则再次生成dist文件,将新的dist文件替换至服务器文件夹相同位置中,无需重启nginx。
若发现更新后前端界面无变化,可重启nginx后再次进入界面查看。

如输入地址还是打不开网页

可能遇到以下问题:

1.端口被占用

解决办法:换个端口号并保存,打开Winscp软件找到指定目录 /usr/local/nginx/conf/nginx.conf

 再执行

./nginx -s stop
cd /usr/local/nginx/sbin/
./nginx

Tips:关于命令

进入目录,启动nginx

cd /usr/local/nginx/sbin/
./nginx

查看nginx运行状态:

ps aux | grep nginx
  • 停止运行:

./nginx -s stop
  • 查看版本:

./nginx -v
  • 检查配置文件:

./nginx -t

查看8080端口被占用的进程

lsof -i:8080

查看进程号PID 

ps -ef|grep nginx 

 强制停止:

kill -9 进程号

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

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

chatgpt赋能python:Python列表升序排序:完美的排序方案

Python列表升序排序&#xff1a;完美的排序方案 Python是一种高级编程语言&#xff0c;广泛应用于各种领域&#xff0c;涵盖了从Web开发&#xff0c;数据科学到人工智能。Python强大的语法使其容易编写复杂的程序并处理大型数据集&#xff0c;而Python列表最常用于存储和操作数…

华为OD机试真题 Java 实现【跳房子II】【2023 B卷 100分】,附详细解题思路

一、题目描述 跳房子&#xff0c;也叫跳飞机&#xff0c;是一种世界性的儿童游戏。 游戏参与者需要分多个回合按顺序跳到第1格直到房子的最后一格&#xff0c;然后获得一次选房子的机会&#xff0c;直到所有房子都被选完&#xff0c;房子最多的人获胜。 跳房子的过程中&…

路径规划算法:基于平衡优化器优化的路径规划算法- 附代码

路径规划算法&#xff1a;基于平衡优化器优化的路径规划算法- 附代码 文章目录 路径规划算法&#xff1a;基于平衡优化器优化的路径规划算法- 附代码1.算法原理1.1 环境设定1.2 约束条件1.3 适应度函数 2.算法结果3.MATLAB代码4.参考文献 摘要&#xff1a;本文主要介绍利用智能…

MySQL数据库从入门到精通学习第8天(数据表的查询)

数据表的查询 基本查询语句单表查询聚合函数查询多表连接查询子查询合并查询结果定义表和字段的别名使用正则表达式查询 基本查询语句 SELECT 语句非常的强大&#xff0c;是最常用的查询语句。他具有一个固定的格式&#xff0c;如下&#xff1a; SELECT 查询的内容 FROM 数据…

markdown标注

这里写自定义目录标题 欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题&#xff0c;有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants 创建一个自定义列表如何创建一个…

MySQL进阶 -- 存储过程 和 触发器

目录 存储过程介绍存储过程的基本语法变量系统变量用户自定义变量局部变量 if判断 存储过程 介绍 存储过程是事先经过编译并存储在数据库中的一段SQL语句的集合&#xff0c;可以直接调用这些集合&#xff08;存储过程&#xff09;&#xff0c;调用存储过程可以简化应用开发人…

系列一、MongoDB简介特点应用场景

一、概述 1.1、官方 翻译&#xff1a;MongoDB是一个文档型数据库&#xff0c;旨在方便应用开发和扩展。 1.2、百度百科 1.3、总结 MongoDB 是一个非关系型文档数据库。 二、特点 面向集合存储&#xff0c;易存储对象类型的数据&#xff1b;支持查询以及动态查询&#xff1b…

在 Python 中实现最小堆

树是一种非线性数据结构&#xff0c;其中元素排列在多个级别。 堆是一种基于树的数据结构。 它是一棵完全二叉树&#xff0c;即每个父节点都有两个子节点。 堆实现不同的算法&#xff0c;对其他结构进行排序&#xff0c;对队列进行优先排序等。 堆有两种类型 - 最大和最小。 …

【计算机组成原理·笔记】总线控制

总线控制 总线上连接多个部件&#xff0c;为了解决&#xff1a; 什么时候由哪个部件发送信息如何给信息传送定时如何防止信息丢失如何避免多个部件同时发送如何规定接受信息的部件 等一些列问题&#xff0c;需要总线控制线进行统一管理&#xff0c;这就是总线控制&#xff0…

必须有公网IP吗?内网穿透如何实现外网访问

很多中小型公司或个人都有将自己内网的服务、应用&#xff0c;如远程桌面、网站、数据库、公司的管理系统、FTP、管家婆、监控系统等等&#xff0c;发布到外网&#xff0c;实现异地访问的需求。但往往面临一个普遍的问题&#xff0c;就是没有公网IP&#xff0c;即没有IP v4的公…

KEYSIGHT是德DSOX4034A 示波器 350 MHz

KEYSIGHT是德DSOX4034A 示波器 350 MHz&#xff0c;是德4000 X 系列拥有一系列引以为傲的配置&#xff0c;包括采用了电容触摸屏技术的 12.1 英寸显示屏、InfiniiScan 区域触摸触发、100 万波形/秒捕获率、MegaZoom IV 智能存储器技术和标配分段存储器。 是德DSO-X4034A 主要特…

scrcpy: 在电脑上使用Android手机

文章目录 1. 目的2. 配置2.0 配置思路2.1 安装 scrcpy 2.02.2 添加 udev 规则2.3 手机设置权限2.4 开启 scrcpy 1. 目的 打算在电脑上使用手机上的 App&#xff0c;如京东读书&#xff0c;或QQ。不用电脑版对应软件的原因是&#xff0c;电脑上需要重新登录&#xff0c;有些软件…

JSP SSM 学生综合测评管理系统myeclipse开发mysql数据库springMVC模式java编程计算机网页设计

一、源码特点 JSP SSM 学生综合测评管理系统是一套完善的web设计系统&#xff08;系统采用SSM框架进行设计开发&#xff0c;springspringMVCmybatis&#xff09;&#xff0c;对理解JSP java编程开发语言有帮助&#xff0c;系统具有完整的源代码和数据库&#xff0c;系统主…

零基础快速搭建私人影音媒体平台

目录 1. 前言 2. Jellyfin服务网站搭建 2.1. Jellyfin下载和安装 2.2. Jellyfin网页测试 3.本地网页发布 3.1 cpolar的安装和注册 3.2 Cpolar云端设置 3.3 Cpolar本地设置 4.公网访问测试 5. 结语 转载自cpolar极点云的文章&#xff1a;零基础搭建私人影音媒体平台【…

RabbitMQ集群架构模式

搭建Mirror镜像集群&#xff1a; 4369是erlang的发现端口 5672是rabbitmq的通信端口 15672是rabbitmq的可视化控制台的端口号 25672是erlang底层发送消息和分配消息的底层端口 firewall-cmd --zonepublic --add-port4369/tcp --permanent firewall-cmd --zonepublic --add-port…

Springboot+vue.js高校校园社交个人博客相册网站系统

基于java语言设计并实现了高校社交系统。该系统基于B/S即所谓浏览器/服务器模式&#xff0c;应用Springboot框架&#xff0c;选择MySQL作为后台数据库。系统主要包括用户、个人动态、个人相册、动态类型、留言板、交流论坛等功能模块。近几年来&#xff0c;由于计算机技术的快速…

chatgpt赋能python:Python列表中如何找出前三名成绩

Python列表中如何找出前三名成绩 在数据分析和编程中&#xff0c;Python语言被广泛使用。其中&#xff0c;列表是Python中最常用的数据类型之一。列表可以存储多个值&#xff0c;并且这些值可以是不同的数据类型。Python列表很强大&#xff0c;因为它提供了许多内置函数和方法…

划水2年半,薪资还没新人多,不要太真实...

上个月公司来了许多新面孔&#xff0c;其中一个是个00后&#xff0c;这位兄弟毕业后&#xff0c;在某软件公司干了一年&#xff0c;现在跳槽到我们公司薪资20K&#xff0c;已经超过公司很多老油条了。因为我和他年纪相差不大&#xff0c;所以和他聊得来&#xff0c;才知道&…

Educational Codeforces Round 149 (Rated for Div. 2)(A—D、F)

文章目录 A. Grasshopper on a Line1、问题2、分析3、代码 B. Comparison String1、问题2、分析3、代码 C. Best Binary String1、问题2、分析3、代码 D. Bracket Coloring1、问题2、分析3、代码 E. Playoff Fixing1、问题2、分析3、代码 F. Editorial for Two1、问题2、分析3、…

数据库期末复习(6)基于哈希和B+树的索引查询

免责声明 练习题没有答案 图片都是自己做的 仅供参考 可扩展哈希表和练习 笔记 数据库--- 索引结构 (2)--可扩展哈希表及增删查_旅僧的博客-CSDN博客 练习 首先默认 局部深度都是1 然后进行插入 之后分裂 按照课件上的操作进行。 线性哈希表