前端部署指南:从零开始部署 Vue 项目
1. 准备工作
申请云服务器。下载并安装 SSH 客户端工具(如 FinalShell)。
2. 服务器重装系统
登录云服务商后台,找到弹性云主机,关机后选择一键重装系统。
- 镜像:CentOS 7.9 64 位
- 安全设置:自定义密码
获取服务器的公网 IP 地址。
3. 连接服务器
打开 SSH 客户端,点击添加服务器,选择 SSH 连接。
- 名称:随意填写
- 主机:服务器的公网 IP 地址
- 用户名:root
- 密码:自定义密码
双击连接,接受并保存密码,出现光标即为正常连接。
4. 安装 Nginx
什么是 Nginx?
Nginx 是高性能的 HTTP 和反向代理服务器,支持负载均衡、动静分离等功能。
4.1 安装 Nginx
sudo yum install epel-release -y
sudo yum update -y
sudo yum install nginx -y
启动 Nginx 服务:
sudo systemctl start nginx
设置开机自启:
sudo systemctl enable nginx
检查 Nginx 状态:
sudo systemctl status nginx
配置防火墙
如果防火墙启用,需允许 HTTP 和 HTTPS 流量:
sudo firewall-cmd --permanent --add-service=http
sudo firewall-cmd --permanent --add-service=https
sudo firewall-cmd --reload
浏览器输入公网 IP 地址,若显示 Nginx 默认欢迎页则安装成功。
4.3 给服务器的安全组添加端口号
在云服务商控制台的安全组设置中,添加入站规则,开放所需端口(如 80, 443 或自定义端口)。
4.4 查看 Nginx 默认的 web 文件位置
ls -la /usr/share/nginx/html
cat /usr/share/nginx/html/index.html
后续可将资源文件上传至此目录。
5. 服务器安装 Node 环境
使用 nvm 安装多版本的 Node.js。


