vue3通过PC客户端IP定位显示天气和风天气（通过IP定位方式+搜狐api+和风天气api+高德api）

第一步：获取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)
        })