【基础】vue 获取ip地址 returnCitySN有时会找不到ip问题

大连的程序员

已于 2022-12-11 23:54:36 修改

阅读量1.2k

点赞数

文章标签： vue.js javascript 前端

于 2022-12-06 09:44:24 首次发布

本文链接：https://blog.csdn.net/weixin_38942461/article/details/128197314

版权

vue 获取ip地址：

<template>
<remote-js :src="`https://pv.sohu.com/cityjson?ie=utf-8&timestamp=${new Date().getTime()}`"> </remote-js></remote-js>
</template>

<script>
export default {
  name: "login",
  components: {
    "remote-js": {
      render(createElement) {
        return createElement("script", {
          attrs: { type: "text/javascript", src: this.src },
        });
      },
      props: {
        src: { type: String, required: true },
      },
    },
  },
  data() {
  },
  methods: {
   getIp(){
    const returnCitySN = window.returnCitySN ? window.returnCitySN : {};
    const ip = returnCitySN["cip"];
    return ip;
   }
  }
}
</script>

returnCitySN有时会找不到ip问题：

通过搜狐的IP地址查询接口https://pv.sohu.com/cityjsonx去获取IP地址的时候，需要加个时间戳。https://pv.sohu.com/cityjson?timestamp='+new Date().getTime()&ie=utf-8