![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
nuxtJs
艾小逗
这个作者很懒,什么都没留下…
展开
-
nuxtJs入门使用笔记
nuxtJs入门使用笔记目录nuxtJs入门使用笔记部分优秀文章推荐生命周期区分环境 安装 `cross-env`引入外部资源局部引入和全局引入设置页面中SEO信息跨域反向代理处理nuxt路由理解文章动态路由监听页面滚动到底部事件设置meta SEO信息配置全局工具方法【在服务端可使用】注册全局指令-检测图片能否加载成功正文开始部分优秀文章推荐【超级详细的配置介绍】Nuxt爬坑 (juejin.cn)【配置 Meta| 使用vuex validate |部署|登录状态】Nuxt开发经验分享,让原创 2021-08-05 19:41:14 · 418 阅读 · 0 评论 -
nuxt请求提示WARN Cannot stringify a function transformRequest,Maximum call stack size exceeded
WARN Cannot stringify a function transformRequest 16:46:55WARN Cannot stringify a funct原创 2021-04-14 17:12:28 · 3085 阅读 · 0 评论 -
vue指令处理图片加载错误,判断图片可否加载成功
v-real-img 指令全局注册自定义指令,用于判断当前图片是否能够加载成功,可以加载成功则赋值为img的src属性,否则使用默认图片在网络慢的时候,加载图片多的时候,可以达到占位图的效果使用方法:<img src="默认图片.png" v-real-img="真实图片.png">Vue.directive('real-img', async function (el, binding) {//指令名称为:real-img let imgURL = binding.value;原创 2021-04-09 18:13:41 · 2819 阅读 · 0 评论 -
nuxt服务端渲染 vue检测图片加载失败onerror时,自定义指令处理
nuxt服务端渲染 vue检测图片加载失败onerror时,自定义指令处理全局注册自定义指令,用于判断当前图片是否能够加载成功,可以加载成功则赋值为img的src属性,否则使用默认图片。在网络慢的时候,加载图片多的时候,可以达到占位图的效果// plugins/directive.jsimport Vue from "vue";/** * 全局注册自定义指令,用于判断当前图片是否能够加载成功,可以加载成功则赋值为img的src属性,否则使用默认图片 * 在网络慢的时候,加载图片多的时候,可转载 2021-04-01 16:07:33 · 1113 阅读 · 1 评论 -
nuxt.js配置反向代理跨域nuxtjs/axios和@nuxtjs/proxy
nuxt.js配置反向代理跨域安装依赖yarn add @nuxtjs/axios @nuxtjs/proxy -D配置nuxt.config.jsexport default { axios: { proxy: true // Can be also an object with default options }, proxy: { '/api': { target: 'http://test1.xxx.cn',//代理转发的地址 chan原创 2021-03-15 17:29:58 · 668 阅读 · 3 评论