Centos+Nginx部署Vue项目

本文详细介绍了如何在Centos7系统中利用Nginx部署Vue项目,包括项目打包、文件上传、Nginx安装、配置修改、防火墙设置、服务重启以及路径重写等关键步骤。
摘要由CSDN通过智能技术生成

Centos+Nginx部署Vue项目

1.项目打包生成dist文件夹

在项目根目录下打开cmd窗口,输入命令

npm run build
//生成dist文件夹

2.将dist文件夹上传到centos7

使用scp命令或者用远程连接工具将打包好的dist文件夹上传到服务器或者虚拟机的某个位置。

打开cmd命令输入:
scp -r 22 E:\\dist root@192.168.3.5:/home/dist
输入root 用户密码,等待上传成功即可

E:\dist	为dist所在目录
root 为虚拟机root用户
192.168.3.5 为虚拟机ip
/home/ 为将dist文件上传虚拟机上home目录

3.安装nginx

推荐链接:
https://www.cnblogs.com/kaid/p/7640723.html

4.nginx的几个常用命令

//进入  /sbin目录下
cd /usr/local/nginx/sbin
//启动nginx
./nginx
//检查更改的配置
./nginx -t
//重新加载
./nginx -s reload
//停止nginx
./nginx -s stop

5.修改nginx的conf配置

//进入conf
cd /usr/local/nginx/conf
vim nginx.conf

nginx.conf这个是全部的配置文件,

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值