使用gin后端获取网卡信息后传给前端vue

以下是一个简单的示例代码，使用gin后端获取网卡信息并传递给前端vue：

Gin后端代码：

package main

import (
    "github.com/gin-gonic/gin"
    "net"
)

func main() {
    router := gin.Default()

    router.GET("/netinfo", func(c *gin.Context) {
        netInterfaces, err := net.Interfaces()
        if err != nil {
            c.JSON(500, gin.H{
                "error": err.Error(),
            })
        } else {
            var ips []string
            for _, i := range netInterfaces {
                addrs, _ := i.Addrs()
                for _, addr := range addrs {
                    ips = append(ips, addr.String())
                }
            }
            c.JSON(200, gin.H{
                "ips": ips,
            })
        }
    })

    router.Run(":8080")
}

Vue前端代码：

<template>
  <div>
    <h2>网卡信息：</h2>
    <ul>
      <li v-for="ip in ips" :key="ip">{{ ip }}</li>
    </ul>
  </div>
</template>

<script>
export default {
  data() {
    return {
      ips: [],
    };
  },
  mounted() {
    fetch("/netinfo")
      .then((response) => response.json())
      .then((data) => {
        this.ips = data.ips;
      });
  },
};
</script>

在vue中使用fetch函数向后端发送请求，获取返回的数据并显示在页面上。这里假设后端服务运行在本地的8080端口。