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连接和部署。实际应用中可能需要根据具体服务器环境和项目需求调整配置。