使用Vue,获取当前页面的 IP

news/2024/7/10 0:17:25 标签: Vue, 获取当前页面的 IP, IP

目的:使用VueIP.html" title=获取当前页面的 IP>获取当前页面的 IP

说明:在做一个点赞功能,获取当前用户的ip,判断它是否点赞过。

 

第一步:使用vue引入外部js。(这里是使用搜狐的api来获取用户的ip)

直接在 index.html 里面引入这个js

<script src="http://pv.sohu.com/cityjson?ie=utf-8"></script>

 

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

var ip = returnCitySN["cip"];

 

你可以把它封装成一个方法来使用就好了

 

 

 

 

 

 

 

 

 


http://www.niftyadmin.cn/n/775376.html

相关文章

springboot 2.0整合/使用pagehelper插件。

先说几个问题&#xff1a; 1、我开始在网上找教程的时候&#xff0c;说是要配置mybaits核心配置。但是我的项目里面根本没有这个配置文件。&#xff08;我用的是springboot2.0&#xff0c;我是新手&#xff0c;有问题可以提出来&#xff09;。 2、网上基本都是查询全部数据的…

浏览器基础原理-安全: 同源策略

同源概念: 如果两个 URL 的协议、域名和端口都相同&#xff0c;我们就称这两个 URL 同源 举例: <https://time.geekbang.org/?category1> <https://time.geekbang.org/?category0>同源策略概念: 浏览器默认两个相同的源之间是可以相互访问资源和操作 DOM 的。…

Elasticsearch系列---搜索执行过程及scroll游标查询

概要 本篇主要介绍一下分布式环境中搜索的两阶段执行过程。 两阶段搜索过程 回顾我们之前的CRUD操作&#xff0c;因为只对单个文档进行处理&#xff0c;文档的唯一性很容易确定&#xff0c;并且很容易知道是此文档在哪个node&#xff0c;哪个shard中。 但搜索比CRUD复杂&am…

React Hooks 一步到位

useState 用来声明状态变量。 import React, { useState } from react; // ... const [ count , setCount ] useState(0); // ... count 声明的变量setCount 设用来更新变量的函数0 初始值多个状态声明不能出现在条件判断语句中 useEffect 用来代替生命周期函数。 import…

Mybatis 之 #和 $ 的区别

1、 #{}相当于占位符&#xff0c;而${}相当于字符串拼接 eg: select * from user where username #{v} 这句sql 没问题。 比如我们传递的参数是 王五 &#xff0c; 那么#{v} 等同于 王五 eg: select * from user where username ${v} 这句sql就报错。比如我们传递的参…

实战_Spring_Cloud

目录 前言 开发环境源码地址创建工程服务注册中心&#xff08;Eureka&#xff09; Eureka ServerEureka Client注册中心高可用小结负载均衡(Ribbon) RestTemplate调用负载均衡调用应用名称调用小结声明式服务调用(Feign) 服务端实现客户端实现小结统一配置中心&#xff08;Conf…

element-ui之导航栏的使用

很是奇怪一个问题 element-ui 既然提供了&#xff0c;模块化的组件导入&#xff0c;文档在最开始已经给出了全部的组件。但是在每一个模块的时候&#xff0c;却没有给出需要导入那些个 组件。。。。 经过测试&#xff0c;导入导航栏需要以下&#xff1a; import {Menu,Submenu,…