直接看效果
在app.vue文件内
<script setup lang="ts">
import zhCn from 'element-plus/lib/locale/lang/zh-cn'
const locale = ref(zhCn)
// 百度统计
const route = useRoute()
useHead({
script: [
{
src: 'https://hm.baidu.com/hm.js?你的key'
}
]
})
watch(route, () => {
if (_hmt) {
_hmt.push(['_trackPageview', route.path])
}
})
// 百度api收录
const { data: baiduShoulu } = await useAsyncData(
`baidushoulu`,
() => request(
`http://data.zz.baidu.com/urls?site=${useRuntimeConfig().locationUrl}${route.path}&token=${useRuntimeConfig().baiduShouluApiToken}`,
'post',
{
site: `${useRuntimeConfig().locationUrl}${route.path}`,
token: `${useRuntimeConfig().baiduShouluApiToken}`,
},
),
)
</script>
<template>
<el-config-provider :locale="locale">
<NuxtPage />
</el-config-provider>
</template>