CentOS安装Nginx并部署vue


Posted in Servers onApril 12, 2022

首先得购买个服务器,在这就不教怎么购买了,本文章使用的是阿里云轻量级服务器CentOS7.6

一、安装Nginx

1. 使用XShell连接我们的服务器

2. 配置 EPEL源

sudo yum install -y epel-release
sudo yum -y update

3. 安装Nginx

sudo yum install -y nginx

以下的内容需要记住,特别是配置文件
安装成功后,默认的网站目录为: /usr/share/nginx/html
默认的配置文件为:/etc/nginx/nginx.conf

4. 开启端口80和443

前提是要先打开防火墙

systemctl start firewalld.service

重启防火墙:firewall-cmd --reload
查看防火墙状态firewall-cmd --state
关闭防火墙systemctl stop firewalld.service
开启端口firewall-cmd --add-port=8890/tcp --permanent (8890替换为要开启的那个端口)
开启80和443firewall-cmd --permanent --zone=public --add-service=httpfirewall-cmd --permanent --zone=public --add-service=https
开启后要记得重启防火墙 5. 服务器开启80和443端口号

打开服务器,点击防火墙,然后点击添加规则

CentOS安装Nginx并部署vue

在端口范围那里添加我们需要的就行了,这里我们就添加80和443

CentOS安装Nginx并部署vue

6. Nginx 基本命令

启动:systemctl start nginx
重启:systemctl restart nginx
关闭:systemctl stop nginx
查看状态:systemctl status nginx
开启开机自动启动:systemctl enable nginx
关闭开机自动启动:systemctl disable nginx

7. 验证是否安装成功

在电脑浏览器输入服务器的ip地址,出现欢迎到nginx就代表成功了,那么就可以下一步了

CentOS安装Nginx并部署vue

二、部署vue

1. 打包vue项目

npm run build // 这个看情况 如果是版本那么就根据情况

2. 上传到服务器

我们这里是把这个放到了 /usr/local/webapp这个文件夹里面
我们可以使用xftp进行上传

CentOS安装Nginx并部署vue

3. nginx配置

执行 vim /etc/nginx/nginx.conf命令 进入配置文件

CentOS安装Nginx并部署vue

这样我们的vue就部署完成了
记得重启一下nginx

4. 测试

在浏览器输入我们服务器的ip地址加上端口号就可以了

CentOS安装Nginx并部署vue

如果是其他端口那么就要考虑服务器和阿里云有没有开放该端口号

到此这篇关于服务器使用Nginx部署Vue项目的文章就介绍到这了!

Servers 相关文章推荐
Nginx快速入门教程
Mar 31 Servers
Nginx 502 Bad Gateway错误原因及解决方案
Mar 31 Servers
提升Nginx性能的一些建议
Mar 31 Servers
图文详解Nginx版本平滑升级方案
Sep 15 Servers
教你快速构建一个基于nginx的web集群项目
Nov 27 Servers
Windows server 2022创建创建林、域树、子域的步骤
Jun 25 Servers
nginx之queue的具体使用
Jun 28 Servers
Nginx代理Redis哨兵主从配置的实现
Jul 15 Servers
彻底卸载VMware虚拟机的超详细步骤记录
Jul 15 Servers
Nginx如何限制IP访问只允许特定域名访问
Jul 23 Servers
django项目、vue项目部署云服务器的详细过程
Jul 23 Servers
CentOS7设置ssh服务以及端口修改方式
Dec 24 Servers
CentOS7安装GlusterFS集群以及相关配置
Nginx+Tomcat负载均衡多实例详解
Nginx配置根据url参数重定向
Apr 11 #Servers
在Docker容器中部署SQL Server
Apr 11 #Servers
阿里云日志过滤器配置日志服务
阿里云k8s服务升级时502错误 springboot项目应用
Apr 09 #Servers
Consul在linux环境的集群部署
You might like
动画 《Pokemon Sword·Shield》系列WEB动画《薄明之翼》第2话声优阵容公开!
2020/03/06 日漫
咖啡产品发展的三大浪潮
2021/03/04 咖啡文化
PHP使用PHPMailer发送邮件的简单使用方法
2013/11/12 PHP
PHP中使用imagick生成PSD文件缩略图教程
2015/01/26 PHP
PHP实现 APP端微信支付功能
2018/06/22 PHP
JavaScript高级程序设计 XML、Ajax 学习笔记
2011/09/10 Javascript
jquerymobile局部渲染的各种刷新方法小结
2014/03/05 Javascript
javascript实现图片延迟加载方法汇总(三种方法)
2015/08/27 Javascript
浅谈angularJS中的事件
2016/07/12 Javascript
jQuery插件Easyui设置datagrid的pageNumber导致两次请求问题的解决方法
2016/08/06 Javascript
jQuery的$.extend 浅拷贝与深拷贝
2017/03/08 Javascript
Javascript中JSON数据分组优化实践及JS操作JSON总结
2017/12/22 Javascript
小程序云开发实战小结
2018/10/25 Javascript
详解一个小实例理解js原型和继承
2019/04/24 Javascript
简单了解JavaScript中的执行上下文和堆栈
2019/06/24 Javascript
JS获取表格视图所选行号的ids过程解析
2020/02/21 Javascript
Python金融数据可视化汇总
2017/11/17 Python
tensorflow ckpt模型和pb模型获取节点名称,及ckpt转pb模型实例
2020/01/21 Python
Django模板标签中url使用详解(url跳转到指定页面)
2020/03/19 Python
python元组拆包实现方法
2021/02/28 Python
纯CSS3实现的井字棋游戏
2020/11/25 HTML / CSS
来自世界各地的优质葡萄酒:VineShop24
2018/07/09 全球购物
Hotels.com英国:全球领先的酒店住宿提供商
2019/01/24 全球购物
招商经理岗位职责
2013/11/16 职场文书
办公自动化毕业生求职信
2014/03/09 职场文书
《锄禾》教学反思
2014/04/08 职场文书
高中生第一学年自我鉴定2015
2014/09/28 职场文书
违章停车检讨书
2014/10/21 职场文书
2014年信贷员工作总结
2014/11/18 职场文书
法定代表人证明书
2014/11/28 职场文书
幼儿园欢迎词范文
2015/01/26 职场文书
本溪水洞导游词
2015/02/11 职场文书
教师思想工作总结2015
2015/05/13 职场文书
烈士陵园扫墓感想
2015/08/07 职场文书
Java由浅入深通关抽象类与接口(上篇)
2022/04/26 Java/Android
分享很少见很有用的SQL功能CORRESPONDING
2022/08/05 MySQL