vue中的浏览量_vue项目中统计页面访问量PV UV

PV：page view 页面的访问量、浏览量。

UV：Unique Visitor 一天24小时内，你的网站访问的IP数量。

我们以vue项目来举例，每访问一个页面，都会经过main.js文件，所以我们在main.js中调用接口，将页面链接，名称等参数传递给后端即可。

router.afterEach((to, from, next) => {

comFun.hasToken().then(() => { //确保拿到token之后

let url = 'https://hi.189.cn/equitiesWebTest' + to.fullPath

comFun.setPVUV(url, to.meta.title)

})

//hasToken和setPVUV方法都在common.js中，导出对象名是comFun

})

在setPVUV()方法中调用接口

//统计页面PV和UV

const setPVUV = (url, title) => {

let data = {

webId: "equities", //网页标识符

url: url, //当前页面url

webName: title, //网页名称

openId: sessionStorage.getItem('openId'),

phoneNum: sessionStorage.getItem('userInfo') ? JSON.parse(sessionStorage.getItem('userInfo')).phoneNum : store.state.userInfo.phoneNum //手机号码

}

//调用封装好的接口方法

api.setPVandUV(data).then(res => {

console.log('PVUV '+res)

}).catch(err => {

console.log(err)

})

}

以上。

PS：要统计点击量，可在点击事件中调用setPVUV()方法