栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 系统运维 > 运维 > Linux

Linux搭建nginx 部署vue项目

Linux 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

Linux搭建nginx 部署vue项目

搭建nginx 1.官网下载nginx
地址:http://nginx.org/en/download.html

或者是使用命令下载 wget -c https://nginx.org/download/nginx-版本号.tar.gz

2. 解压jar包
如果是下载的需要上传到Linux 然后进行解压
命令:tar -zxvf jar包

3. 配置基本信息

命令:./configure --prefix=/usr/local/nginx-1.16.1 --with-http_ssl_module --with-http_stub_status_module
执行完之后 在当前目录下多一个Makefile文件

解决运行过程中的问题
1.输入yum -y install gcc gcc-c++ autoconf automake make
2.输入yum -y install openssl openssl-devel

4. 进行编译安装

输入命令:make & make install

5. 进入安装目录 启动


进入 sbin/nginx 输入./nginx 启动

6. 访问nginx

输入ip+80端口
如果无法访问 可能是防火墙的问题
运行下面命令:
添加 --permanent永久生效,没有此参数重启后失效 这里的6379为redis服务的端口,若为其他服务设置,需要对应端口
firewall-cmd --zone=public --add-port=6379/tcp --permanent
重新载入
firewall-cmd --reload
查看所有打开的端口:
firewall-cmd --zone=public --list-ports
防火墙的关闭:
systemctl stop firewalld //一般不用
防火墙的启动:
systemctl start firewalld
7.打包上传前端项目
命令:npm run build 生成dist文件 压缩文件
进入nginx目录下的html文件夹 删除里面的html文
然后上传dist压缩包到该目录下
可以使用上传工具或者是安装一个rz命令:yum install lrzsz
使用rz上传文件
安装成功后 输入rz 弹出一个弹框 进行选择需要上传的文件即可

7. 修改nginx的配置文件

进入安装目录下的conf文件里面的nginx.conf文件 进行vim nginx.conf文件编辑 可修改也可以用默认的

8. 启动nginx

进入安装目录下的sbin文件
启动:./nginx

9. 访问项目

输入:ip+端口号 步骤7配置的信息
我的端口号没改 默认是80 可以不用输入

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/842609.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号