第一步:使用vue引入外部js。(这里是使用搜狐的api来获取用户的ip)
如果是单纯的html,我们引入js很简单直接

但是vue不可以这样。

1-1.在你要用到js的页面的components 加入下面的代码

‘remote-js’:{

render(createElement){return createElement('script',{ attrs: { type: 'text/javascript', src: this.src }})},props: {src: { type: String, required: true},},

}

第二步:放入相关js


第三步:调用相关方法获取ip

在methods方法中:

var ip = returnCitySN[“cip”];

console.log( ip, “ip”);

经过上面这三步就可以拿到本机外网ip了,小伙伴们都学会了吗?欢迎大家留言一起讨论。

使用Vue获取外网ip地址相关推荐

  1. python获取公网ip的几种方式_python获取外网ip地址的方法总结

    本文实例总结了python获取外网ip地址的方法.分享给大家供大家参考.具体如下: 一.利用脚本引擎库直接获取 import console; import web.script import ine ...

  2. 如何从HttpServletRequest中获取外网IP地址

    如何从HttpServletRequest中获取外网IP地址 Java 中可以通过HttpServletRequest类的getRemoteAddr(); //可能是用户真是ip也可能是代理服务器的i ...

  3. 如何获取外网IP地址

    1.  获取外网IP的方法: 获取外网IP地址方法: 访问网站:http://www.3322.org/dyndns/getip 访问网站:http://city.ip138.com/ip2city. ...

  4. 获取外网IP地址API

    1.获取外网IP地址 地址: http://pv.sohu.com/cityjson?ie=utf-8 返回结果: var returnCitySN = {"cip": " ...

  5. Python定时获取外网IP地址并发送邮件

    去年入手了树莓派4B,放在家里当服务器用.由于电信公网IP经常更换,所以需要定期获取公网IP才能连上. import os import threading from smtplib import S ...

  6. MFC 获取外网IP地址和MAC地址

    MAC地址获取: CString GetMacAddress(void) { //CString strIP,strGateWay,strSubnetMask; CString strMac; str ...

  7. MFC C++ 获取外网IP地址

    #include <afxinet.h>//GB2312 转换成 Unicode wchar_t* GB2312ToUnicode(const char* szGBString) {UIN ...

  8. [网络]_获取内外网IP地址【Auto.js】

    auto(); console.show();importClass('java.net.Inet4Address'); importClass('java.net.InetAddress'); im ...

  9. 怎样查询本机ip地址?如何利用花生壳获取外网IP教程

    听到ip地址这个概念,想必大家都不会陌生,如果我们想要跟对方进行通信,通常我们需要知道对方的ip地址,另外在网络通信中,还有一个非常重要的地址,那就是mac地址.那么我们如何知道本机ip地址呢?我们如 ...

  10. Golang 获取当前外网IP/地址/运营商

    Golang 获取当前外网IP/地址/运营商 - Go语言中文网 - Golang中文社区 package mainimport ("fmt""io/ioutil&quo ...

最新文章

  1. 迁移学习---inceptionV3
  2. 老司机实战Windows Server Docker:5 Windows Server Dockerfile葵花宝典
  3. note.js和mysql的优劣_nginx与Node.js的优缺点是什么?
  4. Laravel测试驱动开发 -- 正向单元测试
  5. mysql数据库最多列_mysql多列索引和最左前缀
  6. 机器学习基础(七)——sigmoid 函数的性质
  7. centos6.0的gnome桌面的一个大bug
  8. 数据--第39课 - 二叉树课后练习
  9. hduoj 1518square
  10. android 三星截长屏,三星如何截屏手机长图,三星四种截图方法介绍
  11. word参考文献[10]之后不对齐
  12. 港科夜闻丨香港科大团队最新研究:双色发射AIEgen用于无标记特异性识别dsDNA和SNPs检测...
  13. Mave概念及其配置
  14. 一个完整的NES模拟器
  15. 重要信息通知短信解决方案
  16. 绁炵粡缃戠粶鏁版嵁鏍煎紡,鏂囨湰绁炵粡缃戠粶
  17. opengl碗状_OpenGLES简单入门
  18. 【每日早报】2019/11/01
  19. RabbitMQ(四)远程连接RabbitMQ
  20. 【机器学习】【ICA-2】ICA独立成分分析的原理 + ICA前的预处理(中心化+漂白)

热门文章

  1. web设计——NBA队标
  2. hdu 2087 剪花布条 kmp小水
  3. CocCocoa Touch框架和Cocoa
  4. 真彩色图像RGB,YIQ图像,HSV图像,YCbCr图像的相互转换(Matlab实现)
  5. 没有这个传奇工程师,就没有今天的 Windows
  6. chrome设置socket5代理
  7. 女生对于脸上的痘痘要格外的呵护哦
  8. NandFlash 控制器操作实例:读Flash
  9. MT6577/MT6589处理器参数对比分析
  10. 如何提升自己(一) 谈学习