第一步:获取ip
在index.html引入
<script src="https://pv.sohu.com/cityjson?ie=utf-8"></script>
在vue文件
<script setup>
const cip = ref('')//ip地址
const tqlng = ref('')//ip地址省份
onMounted(() => {
cip.value = returnCitySN['cip']
cname.value = returnCitySN['cname']
})
</script>
第二步:获取完IP需要用高德api获取位置信息(主要获取经纬度)
const location = ref()
v3Ip(list)
.then(res => {
location.value = res.rectangle
location.value = location.value.split(';')
location.value = location.value[0]
console.log(location.value) //获取后的经纬度用于获取天气
})
.catch(error => {
console.log(error)
})
第三步:用经纬度通过和风天气api获取天气数据
let list = {
key: 'ae91876527454e6d9**********',//换成自己的key,和风天气后台获取
location: location.value
}
weatherNow(list)
.then(res => {
now.value = res.now //获取后的天气数据
})
.catch(error => {
console.log(error)
})