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()方法