nuxt.js
文章平均质量分 69
短暂又灿烂的
分享最前沿技术
展开
-
nuxt 路由元
nuxt 路由元原创 2022-01-13 09:51:53 · 677 阅读 · 0 评论 -
nuxt动态设置关键词,描述,标题
页面的meta设置对于SEO的设置非常重要,比如你现在要作个新闻页面,那为了搜索引擎对新闻的收录,需要每个页面对新闻都有不同的title和meta设置。首先了解nuxt下设置meta的方法借助 head 属性,Nuxt.js 可以在 nuxt.config.js 中配置应用的 meta 信息。module.exports = { /* ** Headers of the page */ head: { title: '前端小喵', // 网站标题 meta: .原创 2021-10-19 15:49:12 · 2572 阅读 · 3 评论 -
nuxt.js中使用vue-cropper实现图片裁剪
最近我司一项目,在个人中心页面上需用户上传个性传封面图(类似知乎个人主页上部),用户上传图片大小不一,且封面图大小为1000px*240px;这就需要在用户上传的时候对图片进行合适大小裁剪。大概思路:用户上传图片时判断图片尺寸大小,宽高不能小于1200px240;小于这个尺寸将无法完美裁剪。 将图片转化为base64格式,即时回显图片和不浪费服务器资源。这两步完成后,将进入到vue-cropper的裁剪操作了,具体操作可见文档,我在下面写了我的配置供参考;vue-cropper地址: http原创 2021-09-24 08:57:47 · 877 阅读 · 0 评论 -
nuxt Window 或 Document未定义解决方案
概述在用nuxt开发服务端渲染项目并引入第三方库的时候,经常会遇到window或document未定义的情况,原因是这个第三方库里面用到了window或者document,然后在服务端打包的时候,node环境并没有window或者document,所以就报了window或document未定义的错误。而且,我们在引入第三方库的时候,并不希望把第三方库打包进app.js,而是希望这个第三方库只在需要的页面才加载。下面以tinymce这个第三方库为例,记录我在nuxt.js框架中的实现方法,供以.原创 2021-09-23 15:09:14 · 1888 阅读 · 0 评论 -
nuxt.js 跨域配置proxy代理
1. 安装axios: npminstall --save axios2. 安装@nuxtjs/axios和@nuxtjs/proxy来处理axios跨域问题: npm i @nuxtjs/axios @nuxtjs/proxy -D3. nuxt.config.js中配置:modules:['@nuxtjs/axios',"@nuxtjs/proxy"],axios:{retry:{retries:3},//开发模式下开启debu...原创 2021-09-10 13:37:07 · 2412 阅读 · 0 评论