随笔分类 - Nuxt.js
Nuxt.js
nuxtjs中使用路由守卫
摘要:在vue中的路由守卫一般是来验证token失效什么的,当然也可以设置权限啦,在nuxtjs中如何使用路由守卫呢,话不多说,直接上代码 在plugins目录下简历route.js 然后在 nuxt.config.js中添加配置plugins即可 就这两步就over了
阅读全文
nuxtjs中修改head及vuex的使用
摘要:1.在之前vue项目中,我们如果需要改变每个页面的title,是需要在路由里配置meta然后通过路由守卫将每个页面的title替换掉,但是在nuxtjs中他提供了一个方法,直接在每个.vue的文件中使用这个head方法即可修改每个页面的title 2.在nuxtjs中使用vuex,和在vue中使用它
阅读全文
nuxtJs中直接使用自带的@nuxtjs/axios
摘要:最初我以为在nuxtjs中是需要重新npm install axios,但是其实nuxtjs自己集成了这个数据渲染方法 你只需在nuxt.config.js中配置一下就可以了 然后在你的页面可以直接请求数据了 最后进入这个页面,在控制台看到打印即表示请求成功了
阅读全文
Nuxtjs初始
摘要:今天去看vue的官网,才看了他的升级版-->Nuxtjs,https://nuxtjs.org/guide/installation可以点击链接进入他的官网查看文档 第一步,搭建项目之前的准备工作,需要升级自己的npm的version至少在5.2以上,因为需要用到npx这个命令,如果已经是这个版本以
阅读全文