zhanghaoran

最近在开发我司一项目，用的是nuxt.js开发的，nuxt版本号：2.14.8。主要记录一下，我在这个项目中一些用到的东西吧，地址：http://www.lawlawing.com/感觉基本包含了nuxt.js的大部分配置了。安装第一种办法：此方法可参考我的这篇文章：初识nuxt.js我的npm 下载太慢了，所以用了第二种办法npx create-nuxt-app <project-name>文档：https://nuxtjs.org/docs/2.x/configurati

最近在开发我司一项目，用的是nuxt.js开发的，nuxt版本号：2.14.8。主要记录一下，我在这个项目中一些用到的东西吧，项目暂未上线。感觉基本包含了nuxt.js的大部分配置了。安装第一种办法：此方法可参考我的这篇文章：初识nuxt.js我的npm 下载太慢了，所以用了第二种办法npx create-nuxt-app <project-name>文档：https://nuxtjs.org/docs/2.x/configuration-glossary/configura

什么是微前端？网上抄的：微前端是一种类似于微服务的架构，它将微服务的理念应用于浏览器端，即将单页面前端应用由单一的单体应用转变为多个小型前端应用聚合为一的应用。各个前端应用还可以独立开发、独立部署。同时，它们也可以在共享组件的同时进行并行开发.我的理解：微服务就像是一个操作系统：在其中可以运行多个app。但每个app呢，又可以脱离操作系统独立运行。为什么选择qiankun.js | qiankun.js优点大白话：就目前市面上没有比qiankun.js更好用的了。虽基于 single

安装nodesudo apt-get install nodejssudo apt-get install nodejs-legacy安装最新的 node v10.xcurl -sL https://deb.nodesource.com/setup_10.x | sudo -E bashsudo apt-get install -y nodejs安装npmsudo apt install npm升级到最新的 npmsudo npm install npm@latest -g非ro

起因Nuxt.js是一个服务端渲染框架。在一开始项目中使用的是quill.js编辑器，因其支持服务端渲染，但后期其功能过于少，故选择了非常强大的tinymce编辑器。本文首发于： http://zhanghaoran.ren正文安装tinymcenpm i @tinymce/tinymce-vue tinymce -s在~/static/目录下创建tinymce文件夹，下载完tinymce后在node_modules 中找到 tinymce/skins目录，将其复制到static/t

下载element-uinpm i element-ui -S在～/plugins/下 新建一个名为 element-ui.js文件import Vue from 'vue'import {form, input, formItem, button, message} from "element-ui";Vue.use(form);Vue.use(formItem);Vue.use(input);Vue.use(button);Vue.prototype.$message = .

路由鉴权： 就是判断这个路由当前浏览者是否需要权限访问。一般我是通过判断cookie中存储的token来判断的。在middleware文件夹下新建“auth.js”的文件在当前auth.js文件内判断cookie中是否包含token字段import getCookie from '~/utils/getCookie'export default function ({route, re...

在~/plugins下新建 encrytion.js文件const crypto = require('crypto');export default { aesEncrypt(data, key){ try{ var salt = key.toString() + 'manbanzhen'; // 定义盐值 const cipher = cryp...

最近我司一项目，在个人中心页面上需用户上传个性传封面图（类似知乎个人主页上部），用户上传图片大小不一，且封面图大小为1000px*240px;这就需要在用户上传的时候对图片进行合适大小裁剪。大概思路：用户上传图片时判断图片尺寸大小，宽高不能小于1200px240；小于这个尺寸将无法完美裁剪。将图片转化为base64格式，即时回显图片和不浪费服务器资源。这两步完成后，将进入到vue-c...

1.下载axiosnpm i @nuxtjs/axios -s2. 在nuxt.config.js中配置axiosmodules: [ '@nuxtjs/axios', ],此时， 就可以在组件中使用啦async asyncData({$axios}) { let { res } = await $axios.get(`https://xxx.com/api/xx...

在创建完一个Nuxt.js项目后，需要对它进行一些常用的常见的配置，以便于后续开发。关于创建nuxt.js和初始，请点击 >> https://www.jianshu.com/p/20caf50d86bf将css设为外联方式引入在 nuxt.config.js 文件中的 build 中加入以下代码：build: { // css文件外部引入 extractCSS...

前端采用技术栈为：vuenuxt.jsiviewjqeury遇到两大问题：各个屏幕尺寸之间 分辨率自适应问题各个浏览器版本之间的兼容性问题遇到的小问题轮播图片、轮播动画css3动画postion定位服务端字体 与 客户端字体的显示问题各个屏幕分辨率下 字体粗细问题·解决：各个屏幕尺寸之间 分辨率自适应问题采用iview的响应式布局。在开发过程中...

由于为了达到更好的SEO效果，最近研究了下nuxt.js 来做服务端渲染（SSR）。本文来讲讲，在本地开发完成后怎么在服务器上配合nginx部署node项目。技术栈：nuxt.js -- 2.9.2nginx -- 1.10.3pm2 -- 3.5.1node -- v10.16.3npm -- 6.9.0步骤：本地打包、上传到服务器安装服务器环境安装项目依赖和测试...

nuxtjs中使用i18n安装 vue-i18nnpm install vue-i18n --save在nuxtjs 中引入vue-i18n在 ~/plugins文件夹下新建 i18n.js, 并键入以下代码：import Vue from 'vue'import VueI18n from 'vue-i18n'Vue.use(VueI18n)export defaul...

众所周知，如今前端SPA模式开发有三大框架三足鼎立：Angular、React、Vue；这三个框架非常优秀、并且生态各方面都比较好，而我独宠Vue。其中原生Vue渲染模式是CSR，这种渲染模式不利于搜索引擎的搜录；而我司项目比较依赖搜索引擎的流量、加上后端初转前端的我只会Vue,搜索了大量资料、最终觉得Nuxt.js比较适合我这种新手。其已为开发者提供了许多配置，开箱即用，不费吹灰之力达到SSR...