vue+xterm.js实现webssh踩坑之旅

最近在做的项目需要使用xterminal实现网页远程连接Linux终端，引了这个插件后发现问题很多，接下来一一记录问题所在。

一、如何在vue项目中使用xterm.js

• 安装xterm.js，博主使用的是3.x
  npm i xterm --save
• 在项目中引用
  • 新建组件Xterminal.vue

<template>
  <div class="console" id="terminal'" v-loading="loading" element-loading-text="拼命连接中">
  </div>
</template>
<script>
import { Terminal } from "xterm";
import * as fit from "xterm/lib/addons/fit/fit";
import * as attach from "xterm/lib/addons/attach/attach";
import "xterm/dist/xterm.css";
Terminal.applyAddon(attach);
Terminal.applyAddon(fit);

export default {
  name: "xterminal",
  data() {
    return {
      term: null,
      terminalSocket: null,
      copy: '',
      loading: true,
      cols: 80,
      content: ''
    };
  },
  methods: {
    runR