springboot+vue 获取当前公网ip和浏览器名称

<template>
  <div>
  </div>
</template>

<script>
  //判断浏览器
  var explorer = navigator.userAgent;
  var browser;
  if (explorer.indexOf("MSIE") >= 0) {
    //ie
    browser = "ie";
  } else if (explorer.indexOf("Firefox") >= 0) {
    //firefox
    browser = "Firefox";
  } else if (explorer.indexOf("Chrome") >= 0) {
    //Chrome
    browser = "Chrome";
  } else if (explorer.indexOf("Opera") >= 0) {
    //Opera
    browser = "Opera";
  } else if (explorer.indexOf("Safari") >= 0) {
    //Safari
    browser = "Safari";
  } else if (explorer.indexOf("Netscape") >= 0) {
    //Netscape
    browser = "Netscape";
  }
  //在控制台输出浏览器名称
  console.log(browser);

  axios.get("api/pcLoginLog/getBrowser?browser=" + browser);
  //获取ip
  var vm;
  function get(url, cb) {
    var httpRequest = new XMLHttpRequest();
    httpRequest.open("GET", url, true);
    httpRequest.send();
    httpRequest.onreadystatechange = function () {
      if (httpRequest.readyState == 4 && httpRequest.status == 200) {
        var json = httpRequest.responseText;
        cb(json);
      }
    };
  }
  get("https://api.ipify.org/?format=json", function (data) {
    data = JSON.parse(data);
    vm = data.ip;
    // 在控制台输出ip，此ip调用百度地图接口，能查询ip的地理位置
    console.log(vm);
    //把ip往后端发
    axios.get("api/pcLoginLog/getIp?ip=" + vm);
  });

  export default {
    data() {
      return {
    },
    created() {
    },
    mounted() {
   
    },
    
  };
</script>

<style scoped>

</style>