使用angular 前端获取ip 亲测可用

Posted 2021-09-15 munergs

这段时间有一个需求，一般来说都是后端获取到ip，但是现在后端没有办法获取到ip,只能依靠前端获取到当前网络的Ip

百度了很久，踩了很多坑，也得到了很多人的帮助，具体不表，直接说如何操作吧

首先在index.html页面中引入

 <script src="http://pv.sohu.com/cityjson?ie=utf-8"></script>
  <script type="text/javascript">
    // console.log(returnCitySN["cip"]+\',\'+returnCitySN["cname"])
    var tttip = returnCitySN["cip"]
    var tttname = returnCitySN["cname"]
  </script>

然后在需要用到ip的组件里声明

declare let tttip: string;
declare let tttname: string;//声明

@Component({
  selector: \'app-map\',
  templateUrl: \'./map.component.html\',
  styleUrls: [\'./map.component.less\'],
})

export class MapComponent implements OnInit {
    ngOnInit(){
        console.log(tttip,tttname);
    }
}

举一反三，以后遇到这种情况也可以解决了