ssh vue 实现
使用SSH连接Vue项目部署的服务器
在Vue项目开发或部署过程中,可能需要通过SSH连接到远程服务器进行配置或维护。以下是实现SSH连接并部署Vue项目的关键步骤:
生成SSH密钥对 在本地终端运行以下命令生成密钥对(公钥和私钥):
ssh-keygen -t rsa -b 4096 -C "your_email@example.com"
默认情况下密钥会保存在~/.ssh/id_rsa(私钥)和~/.ssh/id_rsa.pub(公钥)。
配置服务器公钥
将生成的公钥内容(id_rsa.pub)添加到服务器的~/.ssh/authorized_keys文件中:
ssh-copy-id user@server_ip
或手动复制公钥内容到服务器对应文件。
SSH连接服务器 使用以下命令连接服务器:
ssh user@server_ip -p port_number
-p参数指定端口(默认22可省略)。
部署Vue项目到服务器
传输项目文件
使用scp或sftp将Vue项目文件传输到服务器:
scp -r /local/path/to/vue-project user@server_ip:/remote/path
服务器环境配置 在服务器上安装Node.js和npm/yarn:
curl -sL https://deb.nodesource.com/setup_16.x | sudo -E bash -
sudo apt-get install -y nodejs
构建Vue项目 在服务器上进入项目目录并安装依赖、构建:
cd /remote/path/to/vue-project
npm install
npm run build
配置Web服务器
将构建后的dist目录配置到Nginx或Apache:
server {
listen 80;
server_name your_domain.com;
root /remote/path/to/vue-project/dist;
index index.html;
}
自动化部署脚本
创建部署脚本deploy.sh简化流程:
#!/bin/bash
npm run build
scp -r dist user@server_ip:/remote/path
ssh user@server_ip "systemctl restart nginx"
安全注意事项
- 禁用SSH的root登录,修改
/etc/ssh/sshd_config:PermitRootLogin no - 使用SSH密钥认证而非密码
- 定期更新服务器系统和依赖
- 配置防火墙限制访问IP
通过以上步骤可实现Vue项目的SSH连接和部署。实际应用中可能需要根据具体服务器环境和项目需求调整配置。







