脚本宝典收集整理的这篇文章主要介绍了uniapp获取ip的方法,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。uniapp如何获取ip?下面本篇文章给大家介绍一下uniapp获取ip的方法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。
推荐:《uni-app开发教程》
起因是H5调取微信支付,后台非让我获取ip,好死不死我用的偏偏是uniapp,这让本就是小白的我更加雪上加霜,一度怀疑后台要把我逼死了。之后想到似乎之前用uniapp引入过一个其他js插件,经过反复的回忆 怀疑 困顿 迷茫 居然还真就好使了。
首先新建一个indexl文件
<!DOCTYPE htML> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=Edge"> <meta name="viewport" content="width=device-width, user-scalable=no, inITial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <title> <%= htmlWebpackPlugin.options.title %> </title> <script> document.addEventListener('DOMContentLoaded', function() { document.documentElement.style.fontSize = document.documentElement.clientWidth / 20 + 'px' }) </script> <link rel="stylesheet" href="<%= htmlWebpackPlugin.options.baseUrl %>static/index.css" /> <!-- 引入外部js --> <script src="http://pv.sohu.COM/cityjson?ie=utf-8"></script> <script type="text/javascript"> // 获取ip console.LOG(returnCitySN["cip"]+','+returnCitySN["cname"]) </script> </head> <body> <noscript> <strong>Please enable JavaScript to continue.</strong> </noscript> <div id="app"></div> <!-- built files will be auto injected --> </body> </html>
然后打开manifest.json
"h5" : { "devServer" : { "port" : 8000, "disableHostCheck" : true, }, // 这里引入html "template" : "index.html", "optimization" : { "treeShaking" : { "enable" : true } } }
然后一打开,哇哦,居然好使了
更多编程相关知识,请访问:编程教学!!
以上就是uniapp获取ip的方法的详细内容,更多请关注脚本宝典其它相关文章!
以上是脚本宝典为你收集整理的uniapp获取ip的方法全部内容,希望文章能够帮你解决uniapp获取ip的方法所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。