From b3b5e500d27c3ba803feff0013d945831da9d714 Mon Sep 17 00:00:00 2001
From: "lei.jiang" <jianglei19940909@126.com>
Date: Thu, 28 Jun 2018 08:40:18 +0800
Subject: [PATCH] update pwa introduction

---
 src/lang/en.js          |  1 +
 src/lang/zh.js          |  1 +
 src/router/index.js     |  7 +++++++
 src/views/pwa/index.vue | 24 ++++++++++++++++++++++++
 sw.js                   | 10 ++--------
 5 files changed, 35 insertions(+), 8 deletions(-)
 create mode 100644 src/views/pwa/index.vue

diff --git a/src/lang/en.js b/src/lang/en.js
index eed6fdd3..be970777 100644
--- a/src/lang/en.js
+++ b/src/lang/en.js
@@ -44,6 +44,7 @@ export default {
     createArticle: 'Create Article',
     editArticle: 'Edit Article',
     articleList: 'Article List',
+    pwa: 'PWA',
     errorPages: 'Error Pages',
     page401: '401',
     page404: '404',
diff --git a/src/lang/zh.js b/src/lang/zh.js
index 0c16dee8..cfb53a6b 100644
--- a/src/lang/zh.js
+++ b/src/lang/zh.js
@@ -44,6 +44,7 @@ export default {
     createArticle: '创建文章',
     editArticle: '编辑文章',
     articleList: '文章列表',
+    pwa: 'PWA',
     errorPages: '错误页面',
     page401: '401',
     page404: '404',
diff --git a/src/router/index.js b/src/router/index.js
index aaaccd8d..7ca87214 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -247,6 +247,13 @@ export const asyncRouterMap = [
     ]
   },
 
+  {
+    path: '/pwa',
+    component: Layout,
+    redirect: 'noredirect',
+    children: [{ path: 'pwa', component: () => import('@/views/pwa/index'), name: 'pwa', meta: { title: 'pwa', icon: 'bug' }}]
+  },
+
   {
     path: '/error-log',
     component: Layout,
diff --git a/src/views/pwa/index.vue b/src/views/pwa/index.vue
new file mode 100644
index 00000000..5e2a8ba8
--- /dev/null
+++ b/src/views/pwa/index.vue
@@ -0,0 +1,24 @@
+<template>
+  <div class="app-container">
+    <p>首先你先保证你的浏览器支持PWA,具体可以查看<el-tag style="margin-bottom:20px;"><a href="https://developer.mozilla.org/en-US/Apps/Progressive" target="_blank">MDN</a></el-tag></p>
+    <p>在此以chrome67.0.3396.99（正式版本） （32 位）举例</p>
+    <p>点击右上角自定义及控制(也就是打开设置那个按钮)</p>
+    <p>你会发现有一个'安装VUE-ELEMENT-ADMIN...'</p>
+    <p>如果你想卸载，请在浏览器地址栏输入chrome://apps，右击安装的PWA图标卸载</p>
+    <p>建议在开发环境注释掉PWA相关文件</p>
+  </div>
+</template>
+
+<script>
+	/**
+	 Auth: Lei.j1ang
+	 Created: 2018/6/26-18:33
+	 */
+	export default {
+	  name: 'pwa'
+	}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/sw.js b/sw.js
index 20997f62..3c6321e0 100644
--- a/sw.js
+++ b/sw.js
@@ -1,17 +1,11 @@
 // configuration
 `use strict`
 
-const version = '2.0.0'
+const version = '1.0.1'
 const CACHE = version + '::PWAsite'
 const installFilesEssential = [
   '/'
 ]
-// const installFilesEssential = [
-//   '/',
-//   './static/tinymce4.7.5/*',
-//   './manifest.json',
-//   './build/logo.png'
-// ].concat(offlineURL)
 
 // install static assets
 function installStaticFiles() {
@@ -56,8 +50,8 @@ self.addEventListener('activate', event => {
 })
 
 // is image URL?
-const iExt = ['.png', '.jpg', '.jpeg', '.gif', '.webp', '.bmp']
 function isImage(url) {
+  const iExt = ['.png', '.jpg', '.jpeg', '.gif', '.webp', '.bmp']
   return iExt.reduce((ret, ext) => ret || url.endsWith(ext), false)
 }