原创 vue 項目使用babel-polyfile編譯es6語法

一：安裝babel-polyfile依賴 cnpm install babel-polyfill --save 二：在webpack打包時設置編譯es6 修改文件build/webpack.base.conf.js entry: {

2019-07-30 22:03:28

原创 vue webpack 項目使用elementUI框架

一：生產環境安裝elementUI依賴 cnpm install element-ui --save 二：在main.js入口文件中引入並註冊 引入： import ElementUI from 'element-ui' import '

2019-07-30 22:03:28

原创 vue-cli webpack項目使用axios

一：安裝axios依賴 cnpm install axios --save 二：創建axios實例 創建api接口請求文件，方便管理接口 新建文件：src/api/index.js 三：文件內容，在文件中設置了一個獲取天氣預報的接口進行測

2019-07-30 22:03:27

原创 electron打包vue-cli項目爲桌面程序（三）：開發環境使用electron開發桌面應用

一：引入electron cnpm install electron --save-dev 在開發環境使用electron 二：build文件夾下增加electron-preload.js文件，內容可以爲空。 主要用來在創建桌面窗口前定義

2019-07-08 21:40:54 4

原创 electron打包vue-cli項目爲桌面程序（四）：使用electron打包vue項目

上一章講了使用electron進行開發桌面應用，本章主要講將開發的應用使用electron-packager插件打包 一：安裝electron-packager，開發環境使用 cnpm install electron-packager

2019-07-08 21:40:54 4

原创 electron打包vue-cli項目爲桌面程序（二）：vue-cli創建webpack項目的目錄詳解

1：使用vue-cli腳手架創建webpack項目成功後，需要了解項目目錄結構和文件功能 2：文件夾介紹 build文件夾：webpack打包相關配置的文件夾 ------build.js文件：webpack打包配置文件 'use s

2019-07-05 21:45:07 5

原创 electron打包vue-cli項目爲桌面程序（一）：vue-cli創建webpack項目

一：安裝node環境 1：Node.js 官方網站下載：https://nodejs.org/en/ 選擇相應的安裝包下載並安裝。 安裝成功後查看版本號。 2：安裝vue腳手架vue-cli npm install vue-cli -g

2019-07-05 21:45:07

原创 JS彈出新窗口被攔截的解決方法

在Web編程中，使用JS在新窗口打開頁面的時候，會遇到被瀏覽器攔截的情況，那麼，我們如何才能讓JS打開新窗口不被瀏覽器阻止呢？ 一、問題一 一般情況下，如果直接在js中調用window.open()函數去打開一個新窗口，瀏覽器會對彈出的窗

2019-01-16 19:35:04

原创 vue開發後臺管理系統_07_文件上傳

1：後臺人員搭建了minio服務器，用於將文件直接上傳保存到亞馬遜S3雲存儲 2：前端開發人員需要在elementUI框架自帶的upload的方法before-upload中向後臺發送請求，獲取到直接向亞馬遜S3雲存儲的所有參數，然後再執

2018-11-22 22:52:05

原创 Vue2.0用戶權限控制解決方案

Vue-Access-Control是一套基於Vue/Vue-Router/axios 實現的前端用戶權限控制解決方案，通過對路由、視圖、請求三個層面的控制，使開發者可以實現任意顆粒度的用戶權限控制。 安裝 版本要求 Vue 2.0x V

2018-11-07 22:51:42

原创 vue開發後臺管理系統_06_詳細用戶權限控制

1：使用插件 Vue-Access-Control Vue-Access-Control是一套基於Vue/Vue-Router/axios 實現的前端用戶權限控制解決方案，通過對路由、視圖、請求三個層面的控制，使開發者可以實現任意顆粒度的

2018-11-07 04:44:39

原创 vue開發後臺管理系統_05_搭建測試服務器提供接口，配置vue前端項目跨域調取接口

1：搭建測試服務器，只要能夠提供api接口，後臺用什麼語言來寫不重要，可以用自己熟悉的語言搭一個測試服務器。 2：在後臺管理系統中調取登錄接口，如果沒有配置跨域處理，會報跨域的錯誤 3：進行跨域設置，使得vue項目可以跨域訪問接口 pro

2018-11-07 04:44:39

原创 vue開發後臺管理系統_02_引入elementUI框架

1：安裝element-ui ，命令：cnpm install element-ui --save 2：設置config文件，路徑 build/webpack.base.conf.js，rules下增加規則： { test: /\\\\\

2018-11-07 04:44:39

原创 vue開發後臺管理系統_03_設置路由進行不同的頁面組件跳轉

1：在src/components/下創建一個layout.vue文件，這個是後臺管理系統的ui框架 2：在src/components/下創建幾個vue文件，需要分類管理時，可以創建文件夾， 比如： home.vue 首頁， login

2018-11-07 04:44:39