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服务器添加Systemd自定义服务过程解析
Mar 31 Servers
nginx对http请求处理的各个阶段详析
Mar 31 Servers
nginx作grpc的反向代理踩坑总结
Jul 07 Servers
nginx中proxy_pass各种用法详解
Nov 07 Servers
教你快速构建一个基于nginx的web集群项目
Nov 27 Servers
Nginx的基本概念和原理
Mar 21 Servers
docker 制作mysql镜像并自动安装
May 20 Servers
使用Apache Camel表达REST服务的方法
Jun 10 Servers
超越Nginx的Web服务器caddy优雅用法
Jun 21 Servers
服务器SVN搭建图文安装过程
Jun 21 Servers
Windows Server 2016服务器用户管理及远程授权图文教程
Aug 14 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
日本十大惊悚动漫
2020/03/04 日漫
神族 Protoss 剧情介绍
2020/03/14 星际争霸
使用PHP的日期与时间函数技巧
2008/04/24 PHP
PHP session会话的安全性分析
2011/09/08 PHP
PHP网页游戏学习之Xnova(ogame)源码解读(十五)
2014/06/30 PHP
PHP中实现Bloom Filter算法
2015/03/30 PHP
Laravel框架Blade模板简介及模板继承用法分析
2019/12/03 PHP
JQuery Easyui Tree的oncheck事件实现代码
2010/05/28 Javascript
web的各种前端打印方法之jquery打印插件jqprint实现网页打印
2013/01/09 Javascript
顶部缓冲下拉菜单导航特效的JS代码
2013/08/27 Javascript
详解jquery uploadify 上传文件
2013/11/09 Javascript
跨域传值即主页面与iframe之间互相传值
2013/12/09 Javascript
JQuery中extend的用法实例分析
2015/02/08 Javascript
js实现简单选项卡与自动切换效果的方法
2015/04/10 Javascript
jquery实现标题字体变换的滑动门菜单效果
2015/09/07 Javascript
解决JS请求服务器gbk文件乱码的问题
2015/10/16 Javascript
Flow之一个新的Javascript静态类型检查器
2015/12/21 Javascript
jquery操作ID带有变量的节点实例
2016/12/07 Javascript
老生常谈js中0到底是 true 还是 false
2017/03/08 Javascript
BootStrap表单时间选择器详解
2017/05/09 Javascript
使用jQuery.Pin垂直滚动时固定导航
2017/05/24 jQuery
浅谈jquery中ajax跨域提交的时候会有2次请求的问题
2017/11/10 jQuery
JS获取url参数,JS发送json格式的POST请求方法
2018/03/29 Javascript
vue实现一个矩形标记区域(rectangle marker)的方法
2020/10/28 Javascript
Pycharm学习教程(1) 定制外观
2017/05/02 Python
Python编程之gui程序实现简单文件浏览器代码
2017/12/08 Python
Empty test suite.(PyCharm程序运行错误的解决方法)
2018/11/30 Python
Django中的DateTimeField和DateField实现
2021/02/24 Python
美国网上订购鲜花:FTD
2016/09/23 全球购物
粗加工管理制度
2014/02/04 职场文书
2014年学生会部门工作总结
2014/11/07 职场文书
销售经理工作检讨书
2015/02/19 职场文书
我的长征观后感
2015/06/09 职场文书
学校学期工作总结
2015/08/13 职场文书
导游词之山西关帝庙
2019/11/01 职场文书
新学期新寄语,献给新生们!
2019/11/15 职场文书