nuxt项目 添加百度统计问题

最近对公司的移动端项目进行重构，踩了不少坑，今天抽点时间来整理下。因为要考虑到seo，所以采用nuxt来重构。

nuxt是什么呢?

简单的说是Vue.js的通用框架，最常用的就是用来作SSR（服务器端渲染）。 目的是为了解决单页面应用的 SEO 的问题，好让搜索引擎抓取页面相关内容，提高排名。废话少说，直奔主题。接下来我要讲的是如何添加百度统计。

添加百度统计

1. utils目录下添加BaiDuCount.js

utils/BaiDuCount.js

export const baiduCountMobileArr=[
    {
        city: 'bj',
        code: 'f06c3970bab960cc752c12a5f'
    },
    {
        city: 'gz',
        code: '42b96aec52d108750e41695'
    },
    {
        city: 'sh',
        code: '42b96aec52d108750e4c99c695'
    },
    
];

2. plugins目录下加baidu.js

plugins/baidu.js

import {baiduCountMobileArr} from '~/utils/BaiDuCount.js'
export default ({app: {router}, store}) => {
    /* 每次路由变更时进行pv统计 */
    router.afterEach( ( to, from, next )