在部署一个网站之后，我们最关心的事情无异于是访问量，以及对它的分析。国内的百度统计是一个不错的选择，基本的功能都是免费的。
只需要在head中引入一串 javascript 代码即可。
<!-- <script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?xxxxxxxxxxxxxxxxxxx";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script> -->
上面是百度提供的统计代码，需要放在 <head></head>中。
但是在nuxt中，没有传统的 <head></head> 。所以要对他进行一些处理。
1. 首先在根目录下 /plugins 新建一个文件 baidu.js
// /plugins/baidu.js
export default ({app: {router}, store}) => {
/* 每次路由变更时进行pv统计 */
router.afterEach((to, from) => {
/* 告诉增加一个PV */
try {
window._hmt = window._hmt || []
window._hmt.push(['_trackPageview', to.fullPath])
} catch (e) {
}
})
}
2. 配置 nuxt.config.js 文件
在 plugins中：
plugins: [
{
src: '~/plugins/baidu'
}
],
在 head中：
head: {
// ...
link: [
// ...
],
script: [
{ src: 'https://hm.baidu.com/hm.js?xxxxxxxxxxxxxxxxxxx' }
]
},
在script中写入百度统计提供的 url 即可，按照对应的字符。
原文来自：https://zishu.me/blog/96.html
nuxt.js的使用和开发，一款vue基于服务器SSR渲染工具
一款基于Vue.js的SSR框架——Nuxt.js。是vue进行SSR的一个优选开源项目，可免去繁琐的Webpack、nodejs后台服务配置等操作，方便的搭建一个支持SSR的vue项目。
nuxt.js中添加统计代码，添加百度统计，或者google的统计
在 Nuxt.js应用中使用Google统计分析服务，或者百度统计分析服务，推荐在 plugins 目录下创建 plugins/ga.js 文件。
nuxt.js中全局变量的设定_nuxt如何实现全局初始化功能
在组件和布局中需要使用到相同的数据，改数据需要在nuxt初始化时候获取，而且仅从服务器端获取一次即可。那么该如何实现nux全局初始化功能呢？可以通过vuex来管理全局的一个状态的数据，Nuxt.js 的渲染流程，最先调用的即是 nuxtServerInit 方法。
使用Nuxt.js创建服务器端渲染的Vue.js应用程序
Nuxt.js基于名为Next的热门React库的SSR实现。 为Vue设计了一个名为Nuxt的类似实现。 熟悉React + Next组合的人会在应用程序的设计和布局中发现一些相似之处。 但是，Nuxt提供Vue特有的功能来为Vue创建强大且灵活的SSR解决方案。
使用nuxt.js官方脚手架构建koa2的es6编译问题
最近在学用nuxt集成koa2做vue后台，发现官方自带脚手架搭建的koa2使用的仍是es5语法，如果想用es6怎么办呢?这是由于自带脚手架在构建koa2时默认的nodemon是没有使用babel编译的，所以我们首先需要在启动命令后加上 --exec babel-node
Nuxt.js部署应用的方式
Nuxt.js 提供了两种发布部署应用的方式：服务端渲染应用部署 和 静态应用部署。静态应用部署就不说了，主要说说服务端渲染应用部署。每次在服务器上执行nuxt build，总是有如下报错，并且jenkins会随之挂掉。
Travis CI 部署遇到的问题? 部署怎么启动 nuxt服务
uxt打包的静态文件可以直接放在GitHub上面，然后 TravisCI跟GitHub又很亲切，就选择了TravisCI部署。Travis CI 部署到GitHub项目gh-pages分支上，打开页面发现引用资源404？
服务端预渲染之Nuxt
现在前端开发一般都是前后端分离，mvvm和mvc的开发框架，如Angular、React和Vue等，虽然写框架能够使我们快速的完成开发，但是由于前后台分离，给项目SEO带来很大的不便，搜索引擎在检索的时候是在网页中爬取数据
nuxt框架中对vuex进行模块化设置
Nuxt.js 内置引用了 vuex 模块，所以不需要额外安装。Nuxt.js 会尝试找到应用根目录下的 store 目录，如果该目录存在，它将做以下的事情：Nuxt.js 支持两种使用 store 的方式：普通方式： store/index.js 返回一个 Vuex.Store 实例
Nuxt.js引用谷歌广告代码
最近另一个网站的谷歌联盟申请下来了，记录一下Nuxt.js如何引用谷歌广告的JS代码，当初找了好久。只配置nuxt.config.js文件就可以，下面贴出来。
内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!