前言
本文介绍如何从零开始在 Linux 服务器上部署 Vue 项目。内容涵盖准备工作、系统重装、SSH 连接、Nginx 安装与配置、Node.js 环境搭建、Vue 项目打包上传及常见问题排查。
1. 准备工作
准备云服务器实例和 SSH 客户端工具。
2. 服务器重装系统
登录云服务商控制台,找到弹性云主机,关机后选择一键重装系统。
- 镜像:CentOS 7.9 64 位
- 安全设置:自定义密码
获取服务器的公网 IP 地址。
3. 连接服务器
打开 SSH 客户端,点击添加服务器,选择 SSH 连接。
- 名称:随意填写
- 主机:服务器的公网 IP 地址
- 用户名:root
- 密码:自定义密码
双击连接,接受并保存密码,出现光标即为正常连接。
4. 安装 Nginx
4.1 安装 Nginx
启动 Nginx 服务:
sudo systemctl start nginx
安装 Nginx:
sudo yum install nginx -y
安装 EPEL 仓库(Nginx 不在默认 Red Hat 仓库中):
sudo yum install epel-release -y
更新系统包:
sudo yum update -y
设置开机自启:
sudo systemctl enable nginx
检查 Nginx 状态:
sudo systemctl status nginx
确认是否设置为开机自启动:
sudo systemctl is-enabled nginx
配置防火墙: 如果防火墙启用,需允许 HTTP 和 HTTPS 流量。
sudo firewall-cmd --permanent --add-service=http
sudo firewall-cmd --permanent --add-service=https
sudo firewall-cmd --reload
浏览器中输入公网 IP 地址,若出现 Nginx 欢迎页代表安装成功。
4.2 给服务器的安全组添加端口号
在云服务商控制台的'安全组'设置中,添加入站规则,开放所需端口(如 80, 443 或自定义端口)。注意:在中国境内无备案记录的域名不可上线,部分端口可能需要完成 ICP 备案。


