当前位置：首页 > VUE

VUE实现sshLinux

2026-03-27 08:02:12VUE

VUE 实现 SSH 连接 Linux

通过 Vue 实现 SSH 连接 Linux 服务器，通常需要借助第三方库或后端服务。以下是两种常见方法：

使用 xterm.js 和 WebSocket

xterm.js 是一个前端终端模拟器库，可以结合 WebSocket 与后端服务通信，实现 SSH 功能。

VUE实现sshLinux

安装依赖：

npm install xterm xterm-addon-fit xterm-addon-attach

创建 Vue 组件：

VUE实现sshLinux

<template>
  <div id="terminal"></div>
</template>

<script>
import { Terminal } from 'xterm';
import { FitAddon } from 'xterm-addon-fit';
import { AttachAddon } from 'xterm-addon-attach';

export default {
  mounted() {
    const term = new Terminal();
    const fitAddon = new FitAddon();
    term.loadAddon(fitAddon);

    const socket = new WebSocket('ws://your-backend-server/ssh');
    const attachAddon = new AttachAddon(socket);
    term.loadAddon(attachAddon);

    term.open(document.getElementById('terminal'));
    fitAddon.fit();

    socket.onopen = () => {
      term.write('SSH连接已建立\r\n');
    };
  }
};
</script>

使用后端代理服务

前端通过 API 或 WebSocket 与后端服务通信，后端使用 SSH2 等库建立与 Linux 服务器的连接。

Node.js 后端示例（使用 SSH2）：

const express = require('express');
const { WebSocketServer } = require('ws');
const { Client } = require('ssh2');

const app = express();
const wss = new WebSocketServer({ port: 8081 });

wss.on('connection', (ws) => {
  const conn = new Client();
  conn.on('ready', () => {
    conn.shell((err, stream) => {
      if (err) throw err;
      ws.on('message', (data) => stream.write(data));
      stream.on('data', (data) => ws.send(data.toString()));
    });
  }).connect({
    host: 'linux-server-ip',
    port: 22,
    username: 'your-username',
    password: 'your-password'
  });
});