出现 net::ERR_CONNECTION_REFUSED 问题，Vue处理方式

错误处理：在发起网络请求时，通常会使用axios或其他HTTP库。在这种情况下，您可以使用.catch()方法来捕获错误并进行适当的处理

axios.get('http://localhost:90/api')
  .then(response => {
    // 处理成功响应
  })
  .catch(error => {
    if (error.response) {
      // 服务器返回了错误响应，处理状态码等
    } else if (error.request) {
      // 没有收到任何响应，网络错误等
      console.log(error.request)
    } else {
      // 其他错误
      console.log('Error', error.message)
    }
  });

显示错误信息：将错误信息显示给用户，以便他们知道发生了连接错误。您可以使用Vue的数据绑定和条件渲染来显示错误消息

<template>
  <div>
    <p v-if="error">{{ error }}</p>
    <!-- 其他内容 -->
  </div>
</template>

<script>
export default {
  data() {
    return {
      error: null
    };
  },
  methods: {
    fetchData() {
      axios.get('http://localhost:90/api')
        .then(response => {
          // 处理成功响应
        })
        .catch(error => {
          if (error.response) {
            // 服务器返回了错误响应，处理状态码等
          } else if (error.request) {
            // 没有收到任何响应，网络错误等
            this.error = '无法连接到服务器';
          } else {
            // 其他错误
            this.error = '发生了未知错误';
          }
        });
    }
  }
};
</script>

提供重试选项：如果由于连接错误导致请求失败，您可以提供一个重试按钮或重新加载页面的选项。这可以通过Vue的事件处理和方法来实现

<template>
  <div>
    <p v-if="error">{{ error }}</p>
    <button @click="retry">重试</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      error: null
    };
  },
  methods: {
    fetchData() {
      axios.get('http://localhost:90/api')
        .then(response => {
          // 处理成功响应
        })
        .catch(error => {
          if (error.response) {
            // 服务器返回了错误响应，处理状态码等
          } else if (error.request) {
            // 没有收到任何响应，网络错误等
            this.error = '无法连接到服务器';
          } else {
            // 其他错误
            this.error = '发生了未知错误';
          }
        });
    },
    retry() {
      this.error = null; // 清除错误消息
      this.fetchData(); // 重新发起请求
    }
  },
  created() {
    this.fetchData();
  }
};
</script>