feat: 添加 @nuxtjs/pwa 模块

Author: eviIIt

README.md

@@ -34,6 +34,7 @@ Create a Deepexi Nuxt App in seconds.
 - [x] [dotenv](https://github.com/motdotla/dotenv) Loads environment variables from .env for nodejs projects
 - [x] [element-ui](https://element.eleme.io/) A Vue.js 2.0 UI Toolkit for Web
 - [x] [vant](https://youzan.github.io/vant) Lightweight Mobile UI Components built on Vue
+- [x] [PWA](https://pwa.nuxtjs.org) Nuxt Progressive Web Apps solution
 
 [⬆ Back to Top](#table-of-contents)
 

template.config.js

@@ -26,7 +26,8 @@ const common = {
   release: 'release-log',
   styles: 'styles',
   'icon-font': 'icon-font',
-  test: 'jest'
+  test: 'jest',
+  utils: 'utils'
 }
 
 const desktop = {

template/_package.json

@@ -45,6 +45,7 @@
     <%_ } _%>
     "@nuxtjs/axios": "^5.0.1",
     "@nuxtjs/dotenv": "^1.3.0",
+    "@nuxtjs/pwa": "^3.0.0-beta.16",
     "dayjs": "^1.7.4",
     "dotenv": "^6.0.0",
     "js-cookie": "^2.2.0",

template/frameworks/axios/plugins/axios.js

@@ -18,9 +18,14 @@
 
 import Vue from 'vue'
 
+const skipUrls = ['easy-mock']
+
 export default function({$axios, store, app, redirect}) {
   $axios.onRequest(config => {
     let url = config.url
+
+    if (skipUrls.some(skipUrl => url.indexOf(skipUrl) > -1)) return
+
     // jwt 验证
     if (store.state.token) {
       config.headers.common['Authorization'] = `Bearer ${store.state.token}`

template/frameworks/jest/test/getRouterBase.test.js

@@ -0,0 +1,43 @@
+const {getRouterBase} = require('../src/utils')
+
+describe('测试 utils.getRouterBase 函数', () => {
+  test('传入非法的参数，返回根路径', () => {
+    expect(getRouterBase()).toBe('/')
+    expect(getRouterBase(false)).toBe('/')
+    expect(getRouterBase(12345)).toBe('/')
+    expect(getRouterBase('abcde')).toBe('/')
+    expect(getRouterBase(null)).toBe('/')
+    expect(getRouterBase({})).toBe('/')
+    expect(getRouterBase(undefined)).toBe('/')
+  })
+
+  test('只传入域名，返回根路径', () => {
+    expect(getRouterBase('https://bing.com')).toBe('/')
+    expect(getRouterBase('https://static.deepexi.top#/hash')).toBe('/')
+  })
+
+  test('传入带有路由的域名，返回路由', () => {
+    expect(getRouterBase('https://bing.com/aaa')).toBe('/aaa/')
+    expect(getRouterBase('https://serverless.deepexi.top/bbb#/hash')).toBe(
+      '/bbb/'
+    )
+    expect(getRouterBase('https://static.deepexi.top/aaa/bbb')).toBe('/aaa/bbb/')
+    expect(
+      getRouterBase('https://static.deepexi.top/serverless-console/aaa/bbb')
+    ).toBe('/serverless-console/aaa/bbb/')
+  })
+
+  test('传入带有文件名的域名，只返回路由', () => {
+    expect(
+      getRouterBase(
+        'https://serverless.deepexi.top/serverless-console/index.html#/app-list'
+      )
+    ).toBe('/serverless-console/')
+
+    expect(
+      getRouterBase(
+        'https://serverless.deepexi.top/serverless-console/aaa/bbb/ccc/index.html#/app-list'
+      )
+    ).toBe('/serverless-console/aaa/bbb/ccc/')
+  })
+})