Nuxt百度统计

在plugins目录下创建tongji.js,内容如下:

if (process.BROWSER_BUILD && process.env.NODE_ENV === 'production') {
  var _hmt = _hmt || [];
  (function() {
    var hm = document.createElement("script");
    hm.src = "https://hm.baidu.com/hm.js?xxxx";
    hm.id = "baidu_tj";
    var s = document.getElementsByTagName("script")[0];
    s.parentNode.insertBefore(hm, s);
  })();
}

export default ({ app: { router }, store }) => {
  router.afterEach((to, from) => {
    var _hmt = _hmt || [];
    (function() {
      document.getElementById('baidu_tj') && document.getElementById('baidu_tj').remove();
      var hm = document.createElement("script");
      hm.src = "https://hm.baidu.com/hm.js?xxxx";
      hm.id = "baidu_tj";
      var s = document.getElementsByTagName("script")[0];
      s.parentNode.insertBefore(hm, s);
    })();
  })
}

id换成自己的,然后在nuxt.config,js中引入文件

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Nuxt.js是一个基于Vue.js的通用应用框架。它可以帮助我们快速搭建一个基于Vue.js的应用程序,并提供了许多有用的功能,如服务器端渲染、静态站点生成、自动代码分割、异步数据加载等。 下面是配置Nuxt.js项目的步骤: 1. 安装Nuxt.js 使用npm或yarn安装Nuxt.js: ``` npm install nuxt ``` 或 ``` yarn add nuxt ``` 2. 创建Nuxt.js项目 使用npx命令创建一个新的Nuxt.js项目: ``` npx create-nuxt-app my-app ``` 或者使用yarn命令: ``` yarn create nuxt-app my-app ``` 然后按照提示进行配置即可。 3. 配置Nuxt.js项目 Nuxt.js的配置文件是nuxt.config.js,它包含了项目的各种配置项。下面是一些常用的配置项: - mode:模式,可以设置为universal(服务器端渲染)或spa(单页面应用)。 - srcDir:源代码目录。 - buildDir:构建目录。 - head:页面头部信息。 - loading:加载动画。 - plugins:插件配置。 - modules:模块配置。 - build:构建配置。 4. 运行Nuxt.js项目 使用下面的命令运行Nuxt.js项目: ``` npm run dev ``` 或者使用yarn命令: ``` yarn dev ``` 这将启动一个开发服务器,并在浏览器中打开应用程序。 5. 构建和部署Nuxt.js项目 使用下面的命令构建Nuxt.js项目: ``` npm run build ``` 或者使用yarn命令: ``` yarn build ``` 这将生成一个dist目录,其中包含了构建好的静态文件。 要部署Nuxt.js项目,可以将dist目录上传到服务器或者使用静态站点托管服务,如Netlify或GitHub Pages。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值