原创 初識nuxt.js

衆所周知,如今前端SPA模式開發有三大框架三足鼎立:Angular、React、Vue;這三個框架非常優秀、並且生態各方面都比較好,而我獨寵Vue。 其中原生Vue渲染模式是CSR,這種渲染模式不利於搜索引擎的搜錄;而我司項目比較

原创 nuxt.js常見配置

在創建完一個Nuxt.js項目後,需要對它進行一些常用的常見的配置,以便於後續開發。 關於創建nuxt.js和初始,請點擊 >> https://www.jianshu.com/p/20caf50d86bf 將css設爲外聯方式引

原创 nuxt中引入tinymce編輯器

起因 Nuxt.js是一個服務端渲染框架。在一開始項目中使用的是quill.js編輯器,因其支持服務端渲染,但後期其功能過於少,故選擇了非常強大的tinymce編輯器。 本文首發於: http://zhanghaoran.ren

原创 項目1 前端開發總結

前端採用技術棧爲: vue nuxt.js iview jqeury 遇到兩大問題: 各個屏幕尺寸之間 分辨率自適應問題 各個瀏覽器版本之間的兼容性問題 遇到的小問題 輪播圖片、輪播動畫 css3動畫 postion定位

原创 django\+vue前後端分離項目部署nginx服務器

準備 前端vue打包後代碼 後端程序源代碼 服務器安裝nginx, 數據庫安裝配置等 部署 部署前端項目: 前端代碼放在 /home/www/dict 下; 部署後端項目: 上傳後端代碼

原创 nuxt.js 在middleware(中間件)中實現路由鑑權

路由鑑權: 就是判斷這個路由當前瀏覽者是否需要權限訪問。 一般我是通過判斷cookie中存儲的token來判斷的。 在middleware文件夾下新建“auth.js”的文件 在當前auth.js文件內判斷cookie中是否包含t

原创 Ubuntu安裝/卸載node,npm

安裝node sudo apt-get install nodejs sudo apt-get install nodejs-legacy 安裝最新的 node v10.x curl -sL https://deb.nodeso

原创 nuxt.js中使用vue-cropper實現圖片裁剪

最近我司一項目,在個人中心頁面上需用戶上傳個性傳封面圖(類似知乎個人主頁上部),用戶上傳圖片大小不一,且封面圖大小爲1000px*240px;這就需要在用戶上傳的時候對圖片進行合適大小裁剪。 大概思路: 用戶上傳圖片時 判斷圖片

原创 nuxt.js中 axios的配置

1.下載axios npm i @nuxtjs/axios -s 2. 在nuxt.config.js中配置axios modules: [ '@nuxtjs/axios', ], 此時, 就可以在組件中使用啦

原创 nuxtjs中使用i18n

nuxtjs中使用i18n 安裝 vue-i18n npm install vue-i18n --save 在nuxtjs 中引入vue-i18n 在 ~/plugins文件夾下新建 i18n.js, 並鍵入以下代碼:

原创 nuxtjs項目部署Ubuntu服務器

由於爲了達到更好的SEO效果,最近研究了下nuxt.js 來做服務端渲染(SSR)。 本文來講講,在本地開發完成後怎麼在服務器上配合nginx部署node項目。 技術棧: nuxt.js -- 2.9.2 nginx -- 1

原创 Ubuntu服務器配合nginx反向代理 uwsgi 部署Django

首先我的操作系統是ubuntu-18.04-desktop-amd64,Django1.11,Python3.56,nginx和uwsgi是直接下載的最新版(2018-11-18下載的)。 一.連接遠程服務器 一般購買的

原创 nuxt.js中按需加載 element-ui遇到的問題

下載element-ui npm i element-ui -S 在~/plugins/下 新建一個名爲 element-ui.js文件 import Vue from 'vue' import {form, input

原创 nuxt.js中 前端 加密解密

在~/plugins下新建 encrytion.js文件 const crypto = require('crypto'); export default { aesEncrypt(data, key){ try{

原创 Ubuntu基本命令

1.安裝vm tools sudo ./vm...pl 2.更新源 sudo apt-get update 3.更新系統軟件 sudo apt-get upgrade 4.進入root su 5.重置root密碼 sudo passw