Initial commit

.config.dev.js

+module.exports = {
+  domain: 'dev.ezijing.com',
+  url: 'https://learn-api2.ezijing.com/api',
+  webpack: {
+    externals: {
+      CKEDITOR: 'window.CKEDITOR',
+      Base64: 'window.Base64',
+      md5: 'window.md5',
+      regeneratorRuntime: 'window.regeneratorRuntime',
+      wx: 'window.wx',
+      WeixinJSBridge: 'window.WeixinJSBridge'
+    },
+    devServer: {
+      proxy: {
+        /* 多个代理 */
+        // '/api': {
+        //   target: $GLOBAL.webConf.url,
+        //   selfHandleResponse: false,
+        //   // selfHandleResponse: true, // 自定义 响应结构
+        //   secure: false, // 如果是https接口，需要配置这个参数
+        //   changeOrigin: true, // 如果接口跨域，需要进行这个参数配置
+        //   followRedirects: true, // 由于重定向307，所以跟随重定向直接返回一个接口
+        //   logLevel: 'info', // 日志打印级别
+        //   headers: {
+        //     'Referer': $GLOBAL.webConf.url
+        //   },
+        //   pathRewrite: {
+        //     '^/api': '/' // 需要rewrite重写的
+        //   }
+        // }
+      }
+    }
+  },
+  ProvidePlugin: {},
+  others: {
+    baseUrl: 'https://learn-api2.ezijing.com',
+    loginUrl: 'https://login2.ezijing.com/auth/login/index'
+  }
+}

.config.pro.js

+module.exports = {
+  url: '/',
+  DesDir: './client-dist',
+  isUploadStatic: false,
+  webpack: {
+    externals: {
+      CKEDITOR: 'window.CKEDITOR',
+      Base64: 'window.Base64',
+      md5: 'window.md5',
+      regeneratorRuntime: 'window.regeneratorRuntime',
+      wx: 'window.wx',
+      WeixinJSBridge: 'window.WeixinJSBridge'
+    }
+  },
+  ProvidePlugin: {},
+  others: {
+    baseUrl: 'https://learn-api.ezijing.com',
+    loginUrl: 'https://login.ezijing.com/auth/login/index'
+  }
+}

.config.test.js

+module.exports = {
+  url: '/',
+  DesDir: './client-dist',
+  isUploadStatic: false,
+  webpack: {
+    externals: {
+      CKEDITOR: 'window.CKEDITOR',
+      Base64: 'window.Base64',
+      md5: 'window.md5',
+      regeneratorRuntime: 'window.regeneratorRuntime',
+      wx: 'window.wx',
+      WeixinJSBridge: 'window.WeixinJSBridge'
+    }
+  },
+  ProvidePlugin: {},
+  others: {
+    baseUrl: 'https://learn-api2.ezijing.com',
+    loginUrl: 'https://login2.ezijing.com/auth/login/index'
+  }
+}

.editorconfig

+# 查到当前目录就可以了，不用再往下查找  
+root = true  
+# 对所有文件制定规范  
+[*]
+charset = utf-8 # 字符编码  
+end_of_line = lf # 从左往右写
+indent_size = 2 # tab键长度2个空格
+indent_style = space 
+insert_final_newline = true # 保存自动加上一个空行
+trim_trailing_whitespace = true # 每行最后空格去掉         

.eslintrc

+{
+  "extends": "standard",
+  "plugins": ["html"],
+  "parser": "vue-eslint-parser",
+  "parserOptions": {
+    "parser": "babel-eslint",
+    "sourceType": "module"
+  },
+  "rules": {
+    "no-new": "off",
+    "no-debugger": "off",
+    "space-before-function-paren": "off"
+  },
+  "globals": {
+    "CKEDITOR": false,
+    "Base64": false,
+    "md5": false,
+    "$": false,
+    "window": false,
+    "webConf": false,
+    "wx": false,
+    "WeixinJSBridge": false,
+    "Aliplayer": false
+  }
+}

.gitignore

+.DS_Store
+node_modules
+npm-debug.log
+upload_tmp
+
+# code protect - prevent submit code below
+/dist
+/client-dist

.npmignore

+.DS_Store
+node_modules
+npm-debug.log
+
+# code protect - prevent submit code below

build/checkNodeVersion.js

+
+var semver = require('semver')
+
+var requiredVersion = require('../package.json').engines.node
+function checkNodeVersion (wanted, id) {
+  if (!semver.satisfies(process.version, wanted)) {
+    console.log('\x1b[91m%s\x1B[0m',
+      'You are using Node ' + process.version + ', but this version of ' + id +
+      ' requires Node ' + wanted + '.\nPlease upgrade your Node version.'
+    )
+    process.exit(1)
+  }
+}
+
+checkNodeVersion(requiredVersion, '`node uploadAliyunCDN.js`')

build/config.js

+const isDev = process.env.NODE_ENV
+const RegStrs = require('./regExpStr.js')
+
+let config = {
+  isDev: isDev,
+  ResDir: 'src',
+  DesDir: '../client-dist',
+
+  HtmlPath: 'src/index.html',
+  IcoPath: 'src/assets/favicon.ico',
+
+  JsPath: 'src/main.js',
+
+  isHttps: true,
+
+  isEnableToIphoneDebugger: false,
+
+  CDN_BASE: 'https://zws-imgs-pub.ezijing.com/',
+  CDN_DIR: 'static/build/learn-mba/',
+  isUploadStatic: false,
+
+  webpack: {}
+}
+
+config.RegStrs = RegStrs
+
+let vueClientConfig = {}
+config.domain = ''
+if (config.isDev === 'development') {
+  config.url = 'http://' + config.domain + ':12002'
+  try {
+    vueClientConfig = require('../.config.dev.js')
+  } catch (error) {
+    vueClientConfig = {}
+    console.error('没有开发环境配置文件 -- `.config.dev.js`，正在使用默认配置')
+  }
+} else if(config.isDev === 'test') {
+  config.url = '//api.ezijing.com'
+  try {
+    vueClientConfig = require('../.config.test.js')
+  } catch (error) {
+    vueClientConfig = {}
+    console.error('没有测试环境配置文件 -- `.config.test.js`，正在使用默认配置')
+  }
+} else {
+  config.url = '//api.ezijing.com'
+  try {
+    vueClientConfig = require('../.config.pro.js')
+  } catch (error) {
+    vueClientConfig = {}
+    console.error('没有生产环境配置文件 -- `.config.pro.js`，正在使用默认配置')
+  }
+}
+
+for (let k in vueClientConfig) {
+  config[k] = vueClientConfig[k]
+}
+
+module.exports = config

build/dev.ezijing.com.key

+-----BEGIN RSA PRIVATE KEY-----
+MIIEowIBAAKCAQEA9MjUExxOj6tfMUaU+t/k0+VokVkh1GVZACLPdxR2VcjjOkaI
+qloY4TK4/uybncLhoqu9ggyiJFNmXVLxe2TxReGXhR8tAc0RTCuaFv0oHJ7HXI48
+CZ/zc8sgjyd7XsuyRurKwpHWXfy9FMHE7r/9R+IUHAkIPmZ17qlwqphlePK8I1fn
+DU/LOvglXPIlR55TUe6NKVoCPZXQEHHPZClH0qdnXFiUq5I1f6GMUoGCbV5DLECb
+OAndCP/snqakw8oeLmoBGSig/FGrc/41l2DJxyIxm/CfaEhfnSN4hvOTAFXcro9c
+gyy88H1BfT/bEhM7OO+RRaKUrV5CieeIOEmvGQIDAQABAoIBAGmkcsJ8qPsgPskJ
+aSqMjjlU/Lgd+5eq1apVW6xMzHVhaY+w+TJsB+jI90Yt30tK3A5UiEkkIqYCyF7m
+eQmEGwzJu5bcSZRJaHmzJ6FcSH9xlyC+0fJlcbA7riWaKIhU6O/qTO+D+Tw+42ud
+5NwVR75KN9uRmlkz5xnFTraRZtm3MJmA7dwXK3hrN+dFJR2vLO3KBAtpgtpPdkK1
+ObpJQ1Q7jsnEmODVRZ7n1CKZEDmXd8GBPA/jCVqgiEbVVCdkhHkyxyIMQenBReyy
+tJIPf7CdL3O3PPsThhMa1P2CP/xehS4bcQSLw9wtNTJcvVPHTvffHKOKUfhUxkHu
+0cpl+zECgYEA/jzySW/br7W+xS2e4VBHzY+UZJwxd/3mY3d/kasMV1zuipr6WOhQ
+FVsd5uJXPRr+rHBypwyOIlP205V2K5oQEK0yT+tF+IBvKGdJv89wskCgrXcD3Kfb
+dCFbt014pHw89A8jb8LBbGOPH6jhZhGkxP33CJdVPtncUc4m0hj4HHcCgYEA9nsc
+KcCZOIYRlZmJ93DoukhjxaouGFDTOZoujaqasrfXUaWRnpZYekDZWa1NneOzLBEz
+h1RwPcmeYLCVRmXtpRzLOKXfJY0gGSJr979I0AVkzj8A9NZcU/HxUP0GqpwBbzAp
+EEShQVhjYppQ62KAwZ1tbsVWX2V1SBsa3McExO8CgYEA6kVy5aTDhOgugDeHnguB
+/rN9hDBBjVZTQ/jLfolld+NUlDg21FJN6T/rD+Qli1MitfdwTupM1ukUGugw2gC/
+KP7Py8D62wBObaav2KXoLPlMlkuDLYMnv501jHVA5CDvcd25Q7Ts01nyerP97zX2
+5Oc5CZuZm67ZTDBwqU0E5AUCgYBIC2wL+DPRBb8WDy74mJQt/wLKwBeBG/7hk2OQ
+HRHis0HIp7CMvj1WXqYpRDKvt+KjOtPo9pFoPgqBEJxRW3G/FU+BW1qCS2HadulA
+HTVXOHxinJ/W8OFD2DBFD/Bm5fq1WUpnaugHhaJnK9wDMWOZND7MZfn9IFbLoMCV
+T8bhGQKBgG7qsZhI9ldAqooZQ1xSua/2SBc8GI8d03g7y8kZkkx/XclbEz6X6wUu
+U3PVL+neY8Qw3JxC1cHS++KIdHR2ZSoTpF00A4QvDJL0+eo1KgI88vRV8QaWLxPB
+ahvXwmkKW2+jgvCAqFtepZx/KsKpQW+x3GOJyhl2tIT8sZwRmE6u
+-----END RSA PRIVATE KEY-----

build/dev.ezijing.com.pem

+-----BEGIN CERTIFICATE-----
+MIIFhzCCBG+gAwIBAgIQCzEi4VmynSzbyBV1UEXGojANBgkqhkiG9w0BAQsFADBu
+MQswCQYDVQQGEwJVUzEVMBMGA1UEChMMRGlnaUNlcnQgSW5jMRkwFwYDVQQLExB3
+d3cuZGlnaWNlcnQuY29tMS0wKwYDVQQDEyRFbmNyeXB0aW9uIEV2ZXJ5d2hlcmUg
+RFYgVExTIENBIC0gRzEwHhcNMjAxMTA5MDAwMDAwWhcNMjExMTA5MjM1OTU5WjAa
+MRgwFgYDVQQDEw9kZXYuZXppamluZy5jb20wggEiMA0GCSqGSIb3DQEBAQUAA4IB
+DwAwggEKAoIBAQD0yNQTHE6Pq18xRpT63+TT5WiRWSHUZVkAIs93FHZVyOM6Roiq
+WhjhMrj+7JudwuGiq72CDKIkU2ZdUvF7ZPFF4ZeFHy0BzRFMK5oW/SgcnsdcjjwJ
+n/NzyyCPJ3tey7JG6srCkdZd/L0UwcTuv/1H4hQcCQg+ZnXuqXCqmGV48rwjV+cN
+T8s6+CVc8iVHnlNR7o0pWgI9ldAQcc9kKUfSp2dcWJSrkjV/oYxSgYJtXkMsQJs4
+Cd0I/+yepqTDyh4uagEZKKD8Uatz/jWXYMnHIjGb8J9oSF+dI3iG85MAVdyuj1yD
+LLzwfUF9P9sSEzs475FFopStXkKJ54g4Sa8ZAgMBAAGjggJzMIICbzAfBgNVHSME
+GDAWgBRVdE+yck/1YLpQ0dfmUVyaAYca1zAdBgNVHQ4EFgQUkRHkmubxZAvEWtCY
+IBT9sw/3Yb8wGgYDVR0RBBMwEYIPZGV2LmV6aWppbmcuY29tMA4GA1UdDwEB/wQE
+AwIFoDAdBgNVHSUEFjAUBggrBgEFBQcDAQYIKwYBBQUHAwIwTAYDVR0gBEUwQzA3
+BglghkgBhv1sAQIwKjAoBggrBgEFBQcCARYcaHR0cHM6Ly93d3cuZGlnaWNlcnQu
+Y29tL0NQUzAIBgZngQwBAgEwgYAGCCsGAQUFBwEBBHQwcjAkBggrBgEFBQcwAYYY
+aHR0cDovL29jc3AuZGlnaWNlcnQuY29tMEoGCCsGAQUFBzAChj5odHRwOi8vY2Fj
+ZXJ0cy5kaWdpY2VydC5jb20vRW5jcnlwdGlvbkV2ZXJ5d2hlcmVEVlRMU0NBLUcx
+LmNydDAJBgNVHRMEAjAAMIIBBAYKKwYBBAHWeQIEAgSB9QSB8gDwAHYA9lyUL9F3
+MCIUVBgIMJRWjuNNExkzv98MLyALzE7xZOMAAAF1qpa6jQAABAMARzBFAiAwHOcp
+Ua1H0WK4OZUHiQ1rndqnYxPHhP9XWunwpRMoagIhAOB2MPSW9M4qj6Yih7eQkydl
+lgawpoBZzRzhisU+TN67AHYAXNxDkv7mq0VEsV6a1FbmEDf71fpH3KFzlLJe5vbH
+DsoAAAF1qpa63gAABAMARzBFAiEA92ZeW0PgyWW3j+3wypLS0O/wI63C+x0WTvMZ
+Vngp6AMCIBoThjaKif+XY11YbaV89ndqs1nDlzbEfBrFftoB9fchMA0GCSqGSIb3
+DQEBCwUAA4IBAQA2geo9wQAd+vx+lwAafVRxCBQyBiS0qT413ewYpZYDnSkLX0l1
+5kRdxDGWQhPzOio0ckj/jOtOlbbSsiovBBVTyYPB8WfkNjMd0psMNx2e6Wy/WKkQ
+X3DqEOB4XGg0RwpebiAmz6lWxyFwIAbCrwCntkkaIF4LnIvczn6pvPFBtK2nXJJC
+HL0Igbxo+xJLt3Hql7TcwkFDXz/LIB8AwhhkkhhwW45r3Eyjw8eOyzvflDPwSNH+
+ByadQ+AH4H4vYYVo0ILNIPCdaokLQ+u4FttB9VQ+iGmpJ56Yg2muxWh8Qckca+vH
+40RbC5aK1RSy2RIRpC5fwvq2JuV/CksP5G5Q
+-----END CERTIFICATE-----
+-----BEGIN CERTIFICATE-----
+MIIEqjCCA5KgAwIBAgIQAnmsRYvBskWr+YBTzSybsTANBgkqhkiG9w0BAQsFADBh
+MQswCQYDVQQGEwJVUzEVMBMGA1UEChMMRGlnaUNlcnQgSW5jMRkwFwYDVQQLExB3
+d3cuZGlnaWNlcnQuY29tMSAwHgYDVQQDExdEaWdpQ2VydCBHbG9iYWwgUm9vdCBD
+QTAeFw0xNzExMjcxMjQ2MTBaFw0yNzExMjcxMjQ2MTBaMG4xCzAJBgNVBAYTAlVT
+MRUwEwYDVQQKEwxEaWdpQ2VydCBJbmMxGTAXBgNVBAsTEHd3dy5kaWdpY2VydC5j
+b20xLTArBgNVBAMTJEVuY3J5cHRpb24gRXZlcnl3aGVyZSBEViBUTFMgQ0EgLSBH
+MTCCASIwDQYJKoZIhvcNAQEBBQADggEPADCCAQoCggEBALPeP6wkab41dyQh6mKc
+oHqt3jRIxW5MDvf9QyiOR7VfFwK656es0UFiIb74N9pRntzF1UgYzDGu3ppZVMdo
+lbxhm6dWS9OK/lFehKNT0OYI9aqk6F+U7cA6jxSC+iDBPXwdF4rs3KRyp3aQn6pj
+pp1yr7IB6Y4zv72Ee/PlZ/6rK6InC6WpK0nPVOYR7n9iDuPe1E4IxUMBH/T33+3h
+yuH3dvfgiWUOUkjdpMbyxX+XNle5uEIiyBsi4IvbcTCh8ruifCIi5mDXkZrnMT8n
+wfYCV6v6kDdXkbgGRLKsR4pucbJtbKqIkUGxuZI2t7pfewKRc5nWecvDBZf3+p1M
+pA8CAwEAAaOCAU8wggFLMB0GA1UdDgQWBBRVdE+yck/1YLpQ0dfmUVyaAYca1zAf
+BgNVHSMEGDAWgBQD3lA1VtFMu2bwo+IbG8OXsj3RVTAOBgNVHQ8BAf8EBAMCAYYw
+HQYDVR0lBBYwFAYIKwYBBQUHAwEGCCsGAQUFBwMCMBIGA1UdEwEB/wQIMAYBAf8C
+AQAwNAYIKwYBBQUHAQEEKDAmMCQGCCsGAQUFBzABhhhodHRwOi8vb2NzcC5kaWdp
+Y2VydC5jb20wQgYDVR0fBDswOTA3oDWgM4YxaHR0cDovL2NybDMuZGlnaWNlcnQu
+Y29tL0RpZ2lDZXJ0R2xvYmFsUm9vdENBLmNybDBMBgNVHSAERTBDMDcGCWCGSAGG
+/WwBAjAqMCgGCCsGAQUFBwIBFhxodHRwczovL3d3dy5kaWdpY2VydC5jb20vQ1BT
+MAgGBmeBDAECATANBgkqhkiG9w0BAQsFAAOCAQEAK3Gp6/aGq7aBZsxf/oQ+TD/B
+SwW3AU4ETK+GQf2kFzYZkby5SFrHdPomunx2HBzViUchGoofGgg7gHW0W3MlQAXW
+M0r5LUvStcr82QDWYNPaUy4taCQmyaJ+VB+6wxHstSigOlSNF2a6vg4rgexixeiV
+4YSB03Yqp2t3TeZHM9ESfkus74nQyW7pRGezj+TC44xCagCQQOzzNmzEAP2SnCrJ
+sNE2DpRVMnL8J6xBRdjmOsC3N6cQuKuRXbzByVBjCqAA8t1L0I+9wXJerLPyErjy
+rMKWaBFLmfK/AHNF4ZihwPGOc7w6UHczBZXH5RFzJNnww+WnKuTPI0HfnVH8lg==
+-----END CERTIFICATE-----

build/getSSL.js

+
+const fs = require('fs')
+const path = require('path')
+const request = require('request')
+
+const _conf = require('./config')
+fs.writeFileSync(path.join(__dirname, _conf.domain + '.key'), '', { encoding: 'utf8', mode: 0o755 })
+fs.writeFileSync(path.join(__dirname, _conf.domain + '.pem'), '', { encoding: 'utf8', mode: 0o755 })
+request('https://ssl.godzyx.com/' + _conf.domain + '/' + _conf.domain + '.key?get=allow').pipe(fs.createWriteStream(path.join(__dirname, _conf.domain + '.key')))
+request('https://ssl.godzyx.com/' + _conf.domain + '/' + _conf.domain + '.pem?get=allow').pipe(fs.createWriteStream(path.join(__dirname, _conf.domain + '.pem')))

build/regExpStr.js

+/* 由于正则表达式，不能进行跟 gulpfile 中 去注释 在一起 */
+module.exports = {
+  regExp_static: /('|"|`)[\.|\/]*?static\/(.*?\.(png|jpe?g|gif|svg|ico)(\?.*)?)\1/g
+}

build/stringReplaceLoader.js

+const _conf = require('./config')
+
+module.exports = function (source) {
+  if (_conf.isDev !== 'development') {
+    return source
+            .replace(_conf.RegStrs.regExp_static, '$1' + _conf.CDN_BASE + _conf.CDN_DIR + 'static/$2$1')
+  } else {
+    return source
+  }
+}

build/uploadAliyunCDN.js

+
+const fs = require('fs')
+const path = require('path')
+
+const OSS = require('ali-oss')
+
+const conf = require('./config')
+
+const client = new OSS({
+  region: 'oss-cn-beijing',
+  accessKeyId: 'LTAIOTuuLTaWoGJj',
+  accessKeySecret: 'dE5tTGm2lh35eItct2krW2DeH2lf2I',
+  bucket: 'zws-imgs-pub'
+})
+
+const headers = {
+  'x-oss-traffic-limit': 8 * 1024 * 100 * 100
+}
+
+const DIR_PATH = path.join(__dirname, '../' + conf.DesDir)
+const PREFIX_PATH = conf.CDN_DIR
+const isUploadStatic = conf.isUploadStatic
+
+let fileCount = 1
+async function uploadFile (prefixPath, dirFileName) {
+  try {
+    const upFilePath = prefixPath.replace(new RegExp(DIR_PATH, 'gi'), '') + path.basename(dirFileName)
+    const result = await client.put(prefixPath + path.basename(dirFileName), dirFileName, {
+      headers,
+      timeout: 600000
+    })
+    if (result.res.status === 200) {
+      console.log('第' + fileCount++ + '个文件，已上传：' + conf.CDN_BASE + upFilePath)
+      return { status: 200 }
+    }
+  } catch (err) {
+    console.log('第' + fileCount++ + '个文件，上传失败：' + conf.CDN_BASE + upFilePath)
+    return { status: 500, err: err }
+  }
+}
+
+function uploadfiles (dirPath, callback) {
+  const files = fs.readdirSync(dirPath)
+  files.forEach(function (filename, i) {
+    const filedir = path.join(dirPath, filename)
+    const info = fs.statSync(filedir)
+    if (info.isDirectory()) {
+      if (!(isUploadStatic ? true : filename !== 'static')) { return }
+      const morePath = filedir.replace(new RegExp(DIR_PATH, 'gi'), '') + '/'
+      uploadfiles(filedir, function (filedir) {
+        uploadFile(path.join(PREFIX_PATH, morePath), filedir)
+      })
+    } else {
+      if (typeof callback === 'function') {
+        callback(filedir)
+      } else {
+        uploadFile(PREFIX_PATH, filedir)
+      }
+    }
+  })
+  return true
+}
+
+uploadfiles(DIR_PATH, null)

build/webpack.base.conf.js

+const path = require('path')
+const webpack = require('webpack')
+const WebpackMerge = require('webpack-merge')
+
+const _conf = require('./config')
+
+const $GLOBAL = {
+  isDev: _conf.isDev,
+  ResDir: _conf.ResDir,
+  'isEnableToIphoneDebugger': _conf.isEnableToIphoneDebugger,
+
+  templatePath: path.resolve(__dirname, '../' + _conf.HtmlPath),
+  icoPath: _conf.IcoPath,
+
+  EntryPath: path.resolve(__dirname, '../' + _conf.JsPath),
+  OutputPath: path.resolve(__dirname, '../' + _conf.DesDir),
+
+  jsName: 'resources/[name].[chunkhash:8].js',
+  cssName: 'resources/[name].[contenthash:12].css',
+  resName: 'resources/[name].[hash:8].[ext]',
+
+  EntryStaticPath: path.resolve(__dirname, '../' + 'static'),
+  OutputStaticPath: path.resolve(__dirname, '../' + _conf.DesDir + '/static'),
+
+  RegStrs: _conf.RegStrs,
+
+  webConf: {
+    'isDev': _conf.isDev,
+    'serverPort': process.env.SERVER_PORT || 8000,
+    'isEnableToIphoneDebugger': _conf.isEnableToIphoneDebugger,
+    'domain': _conf.domain,
+    'url': _conf.url,
+    'isHttps': _conf.isHttps,
+    'apiBaseURL': _conf.apiBaseURL || '/api',
+    'CDN_PATH': _conf.CDN_BASE + _conf.CDN_DIR,
+    'others': _conf.others || {}
+  },
+  externals: _conf.webpack.externals || {},
+  ProvidePlugin: _conf.webpack.ProvidePlugin || {},
+  BaseConfig: {}
+}
+
+$GLOBAL.BaseConfig = {
+  target: 'web',
+  entry: $GLOBAL.EntryPath,
+  output: {
+    filename: $GLOBAL.jsName,
+    path: $GLOBAL.OutputPath,
+    publicPath: $GLOBAL.isDev === 'development' ? '/' : $GLOBAL.webConf.CDN_PATH
+  },
+  resolve: {
+    alias: {
+      '@': path.resolve(__dirname, '../' + $GLOBAL.ResDir),
+      '@api': path.resolve(__dirname, '../' + $GLOBAL.ResDir + '/api'),
+      '@action': path.resolve(__dirname, '../' + $GLOBAL.ResDir + '/action'),
+      '@tool': path.resolve(__dirname, '../' + $GLOBAL.ResDir + '/tool')
+    },
+    extensions: ['.js', '.json', '.jsx', '.vue']
+  },
+  module: {
+    rules: [
+      {
+        test: /\.(vue|js|jsx)$/,
+        loader: 'eslint-loader',
+        exclude: /node_modules/,
+        enforce: 'pre'
+      },
+      {
+        test: /\.(vue|js|jsx)|((sa|sc|c)ss)$/,
+        loader: './build/stringReplaceLoader.js',
+        exclude: /node_modules/,
+        enforce: 'pre'
+      },
+      {
+        test: /\.vue$/,
+        loader: 'vue-loader'
+      },
+      {
+        test: /(\.jsx|\.js)$/,
+        exclude: /(node_modules)|(dist)/,
+        loader: 'babel-loader',
+        options: {
+          presets: [[
+            '@babel/preset-env',
+            {
+              "targets": {
+                "browsers": [
+                  "last 2 versions",
+                  "ie >= 11"
+                ],
+              },
+              corejs: '3.6.5',
+              useBuiltIns: 'usage'
+            }
+          ]],
+          plugins: [
+            '@babel/plugin-syntax-jsx',
+            '@babel/plugin-proposal-class-properties',
+            '@babel/plugin-syntax-dynamic-import',
+            [
+              '@babel/plugin-transform-runtime',
+              {
+                corejs: 3,
+                helpers: true,
+                regenerator: true,
+                useESModules: false
+              }
+            ]
+          ]
+        }
+      },
+      {
+        test: /\.(png|jpe?g|gif|svg|ico)(\?.*)?$/,
+        use: {
+          loader: 'url-loader',
+          options: {
+            esModule: false,
+            limit: 4096,
+            name: $GLOBAL.resName
+          }
+        }
+      },
+      {
+        test: /\.(mp4|webm|ogg|mp3|wav|flac|aac)(\?.*)?$/,
+        loader: 'url-loader',
+        options: {
+          limit: 10000,
+          name: $GLOBAL.resName
+        }
+      },
+      {
+        test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
+        loader: 'url-loader',
+        options: {
+          limit: 10000,
+          name: $GLOBAL.resName
+        }
+      }
+    ]
+  },
+  externals: {
+  },
+  plugins: [
+    new webpack.DefinePlugin({
+      'webConf': JSON.stringify($GLOBAL.webConf)
+    }),
+    new webpack.ProvidePlugin($GLOBAL.ProvidePlugin)
+  ]
+}
+$GLOBAL.BaseConfig = WebpackMerge($GLOBAL.BaseConfig, _conf.webpack)
+
+module.exports = $GLOBAL

build/webpack.client.conf.js

+
+const fs = require('fs')
+const path = require('path')
+
+const webpack = require('webpack')
+const WebpackMerge = require('webpack-merge')
+const CleanWebpackPlugin = require('clean-webpack-plugin')
+const VueLoaderPlugin = require('vue-loader/lib/plugin')
+const AutoPrefixer = require('autoprefixer')
+const MiniCssExtractPlugin = require('mini-css-extract-plugin')
+const HtmlWebpackPlugin = require('html-webpack-plugin')
+const HtmlReplaceWebpackPlugin = require('html-replace-webpack-plugin')
+const CopyWebpackPlugin = require('copy-webpack-plugin')
+const VconsoleWebpackPlugin = require('vconsole-webpack-plugin')
+const $GLOBAL = require('./webpack.base.conf')
+
+
+let config = null
+
+if ($GLOBAL.isDev === 'development') {
+  config = WebpackMerge($GLOBAL.BaseConfig, {
+    mode: 'development',
+    devtool: '#cheap-module-eval-source-map',
+    output: {
+      filename: '[name].js'
+    },
+    devServer: {
+      port: $GLOBAL.webConf.serverPort,
+      disableHostCheck: false,
+      host: $GLOBAL.webConf.domain || 'localhost',
+      http2: false,
+      https: $GLOBAL.webConf.isHttps && {
+        key: fs.readFileSync(path.join(__dirname, $GLOBAL.webConf.domain + '.key')),
+        cert: fs.readFileSync(path.join(__dirname, $GLOBAL.webConf.domain + '.pem'))
+      },
+      overlay: {
+        errors: true
+      },
+      historyApiFallback: {
+        index: '/index.html'
+      },
+      proxy: {
+        '/api': {
+          target: $GLOBAL.webConf.url,
+          selfHandleResponse: false,
+          secure: false,
+          changeOrigin: true,
+          followRedirects: true,
+          logLevel: 'info',
+          headers: {
+            'Referer': $GLOBAL.webConf.url
+          },
+          pathRewrite: {
+            '^/api': '/'
+          }
+        }
+      },
+      open: true,
+      hot: true
+    },
+    module: {
+      rules: [{
+        test: /\.(sa|sc|c)ss$/,
+        use: [
+          'style-loader',
+          'css-loader',
+          {
+            loader: 'postcss-loader',
+            options: {
+              plugins: [
+                AutoPrefixer({
+                  'overrideBrowserslist': [
+                    'cover 99.5%',
+                    'ie 6-8',
+                    'since 2015',
+                    'last 10 iOS versions'
+                  ]
+                })
+              ]
+            }
+          },
+          {
+            loader: 'sass-loader',
+            options: {
+              implementation: require('dart-sass')
+            }
+          }
+        ]
+      }]
+    },
+    plugins: [
+      new VueLoaderPlugin(),
+      new webpack.HotModuleReplacementPlugin(),
+      new HtmlWebpackPlugin({
+        template: $GLOBAL.templatePath,
+        inject: true,
+        favicon: $GLOBAL.icoPath
+      }),
+      new VconsoleWebpackPlugin({
+        filter: [],
+        enable: $GLOBAL.isEnableToIphoneDebugger
+      })
+    ]
+  })
+} else {
+  config = WebpackMerge($GLOBAL.BaseConfig, {
+    mode: 'production',
+    entry: {
+      app: $GLOBAL.EntryPath,
+      vendor: ['vue', 'vue-router', 'vue-i18n']
+    },
+    module: {
+      rules: [{
+        test: /\.(sa|sc|c)ss$/,
+        use: [
+          {
+            loader: MiniCssExtractPlugin.loader,
+            options: {
+            }
+          },
+          'css-loader',
+          {
+            loader: 'postcss-loader',
+            options: {
+              plugins: [
+                AutoPrefixer({
+                  'overrideBrowserslist': [
+                    'cover 99.5%',
+                    'ie 6-8',
+                    'since 2015',
+                    'last 10 iOS versions'
+                  ]
+                })
+              ]
+            }
+          },
+          {
+            loader: 'sass-loader',
+            options: {
+              implementation: require('dart-sass')
+            }
+          }
+        ]
+      }]
+    },
+    plugins: [
+      new CleanWebpackPlugin(['**/*'], { root: $GLOBAL.OutputPath }),
+      new MiniCssExtractPlugin({
+        filename: '[name].[contenthash:12].css',
+        chunkFilename: $GLOBAL.cssName
+      }),
+      new VueLoaderPlugin(),
+      new HtmlWebpackPlugin({
+        template: $GLOBAL.templatePath,
+        inject: true,
+        favicon: $GLOBAL.icoPath,
+        minify: {
+          removeComments: true,
+          collapseWhitespace: true
+        }
+      }),
+      new HtmlReplaceWebpackPlugin([
+        {
+          pattern: $GLOBAL.RegStrs.regExp_static,
+          replacement: '$1' + $GLOBAL.webConf.CDN_PATH + 'static/$2$1'
+        }
+      ]),
+      new CopyWebpackPlugin([
+        {
+          from: $GLOBAL.EntryStaticPath,
+          to: $GLOBAL.OutputStaticPath,
+          ignore: ['.*'],
+          transform: function (content) {
+            return content
+          }
+        }
+      ]),
+      new VconsoleWebpackPlugin({
+        filter: [],
+        enable: $GLOBAL.isEnableToIphoneDebugger
+      })
+    ],
+    optimization: {
+      runtimeChunk: {
+        name: 'manifest'
+      },
+      splitChunks: {
+        chunks: 'async',
+        minSize: 30000,
+        maxSize: 400000,
+        minChunks: 1,
+        maxAsyncRequests: 5,
+        maxInitialRequests: 3,
+        name: false,
+        cacheGroups: {
+          vendor: {
+            name: 'vendor',
+            chunks: 'initial',
+            priority: -10,
+            reuseExistingChunk: false,
+            test: /node_modules\/(.*)\.js/
+          },
+        }
+      }
+    }
+  })
+}
+
+module.exports = config

package.json

+{
+  "name": "@god/vue-client",
+  "version": "3.0.14",
+  "description": "适应于公司全系统的纯客户端开发模型",
+  "main": "index.js",
+  "scripts": {
+    "lint": "eslint --ext .js --ext .jsx --ext .vue src/",
+    "lint:fix": "eslint --fix --ext .js --ext .jsx --ext .vue src/",
+    "dev": "cross-env NODE_ENV=development node build/getSSL.js && cross-env NODE_ENV=development SERVER_PORT=3001 webpack-dev-server --inline --progress --config build/webpack.client.conf.js",
+    "build:test": "npm run check:node && cross-env NODE_ENV=test webpack --progress --config build/webpack.client.conf.js && cross-env NODE_ENV=test node ./build/uploadAliyunCDN.js",
+    "build:pro": "npm run check:node && cross-env NODE_ENV=production webpack --progress --config build/webpack.client.conf.js && cross-env NODE_ENV=production node ./build/uploadAliyunCDN.js",
+    "check:node": "node build/checkNodeVersion.js"
+  },
+  "repository": {
+    "type": "git",
+    "url": ""
+  },
+  "keywords": [
+    "vue-client"
+  ],
+  "author": "zhangyanxin",
+  "license": "ISC",
+  "eslintIgnore": [
+    "client-dist/",
+    "node_modules/",
+    "assets/font-icons/"
+  ],
+  "devDependencies": {
+    "@babel/core": "^7.11.6",
+    "@babel/plugin-proposal-class-properties": "^7.10.4",
+    "@babel/plugin-syntax-dynamic-import": "^7.8.3",
+    "@babel/plugin-syntax-jsx": "^7.10.4",
+    "@babel/plugin-transform-runtime": "^7.11.5",
+    "@babel/preset-env": "^7.11.5",
+    "@babel/runtime-corejs3": "^7.11.2",
+    "acorn": "^7.1.1",
+    "ali-oss": "^6.11.2",
+    "autoprefixer": "^9.8.6",
+    "babel-eslint": "^10.1.0",
+    "babel-helper-vue-jsx-merge-props": "^2.0.3",
+    "babel-loader": "^8.1.0",
+    "clean-webpack-plugin": "^1.0.1",
+    "copy-webpack-plugin": "^5.1.2",
+    "css-loader": "^4.3.0",
+    "dart-sass": "^1.25.0",
+    "eslint": "^6.8.0",
+    "eslint-config-standard": "^14.1.1",
+    "eslint-loader": "^3.0.4",
+    "eslint-plugin-html": "^6.1.0",
+    "eslint-plugin-import": "^2.22.1",
+    "eslint-plugin-node": "^11.1.0",
+    "eslint-plugin-promise": "^4.2.1",
+    "eslint-plugin-standard": "^4.0.1",
+    "eslint-plugin-vue": "^6.2.2",
+    "file-loader": "^6.1.1",
+    "html-replace-webpack-plugin": "^2.5.6",
+    "html-webpack-plugin": "^4.5.0",
+    "mini-css-extract-plugin": "^0.9.0",
+    "postcss-loader": "^3.0.0",
+    "request": "^2.88.2",
+    "sass-loader": "^10.0.3",
+    "semver": "^1.1.4",
+    "style-loader": "^2.0.0",
+    "url-loader": "^4.1.1",
+    "vconsole-webpack-plugin": "^1.5.2",
+    "webpack": "^4.44.2",
+    "webpack-cli": "^3.3.12",
+    "webpack-dev-server": "^3.11.0",
+    "webpack-merge": "^4.2.2"
+  },
+  "dependencies": {
+    "axios": "^0.21.1",
+    "core-js": "^3.8.3",
+    "cross-env": "^7.0.3",
+    "element-ui": "^2.15.0",
+    "js-cookie": "^2.2.1",
+    "lodash": "^4.17.20",
+    "vue": "^2.6.12",
+    "vue-i18n": "^8.22.4",
+    "vue-loader": "^15.9.6",
+    "vue-meta-info": "^0.1.7",
+    "vue-router": "^3.4.9",
+    "vue-template-compiler": "^2.6.12",
+    "vuex": "^3.6.0"
+  },
+  "engines": {
+    "node": ">=8.9"
+  }
+}

src/api/account.js

+import httpRequest from '@/utils/axios'
+
+// 登出
+export function logout() {
+  return httpRequest.get('/api/lms/user/logout')
+}
+// 获取用户信息
+export function getUser() {
+  return httpRequest.get('/api/lms/user/getinfo')
+}

src/app.vue

+<template>
+  <div id="app">
+    <router-view />
+  </div>
+</template>

src/components/AppContainer.vue

+<template>
+  <div class="app-container">
+    <div class="app-container-hd" v-if="title">
+      <div class="app-container-hd__title">{{ title }}</div>
+      <div class="app-container-hd__right">
+        <slot name="header-right"></slot>
+      </div>
+    </div>
+    <div class="app-container-bd">
+      <slot></slot>
+    </div>
+    <slot name="footer"></slot>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'AppContainer',
+  props: { title: { type: String } }
+}
+</script>
+
+<style lang="scss">
+.app-container {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  padding: 30px;
+  background-color: #fff;
+  border-radius: 8px;
+  box-sizing: border-box;
+}
+.app-container-hd {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding-bottom: 8px;
+  margin-bottom: 20px;
+  border-bottom: 1px solid #ccc;
+}
+.app-container-hd__title {
+  font-size: 18px;
+  line-height: 1;
+}
+.app-container-bd {
+  flex: 1;
+}
+.app-container-ft {
+  background-color: #fff;
+  position: sticky;
+  bottom: 0;
+  padding-top: 30px;
+  border-top: 1px solid #ccc;
+}
+</style>

src/components/layout/aside.vue

+<template>
+  <div class="app-aside">
+    <div class="inner">
+      <div class="user" v-if="showUser">
+        <div class="user-avatar"><img :src="avatar" /></div>
+        <div class="user-tools">
+          <span><router-link to="/account/password">修改密码</router-link></span>
+          <span @click="logout">退出登录</span>
+        </div>
+      </div>
+      <el-menu class="nav" :unique-opened="true" :default-active="activeLink">
+        <template v-for="item in menus">
+          <el-submenu :index="item.title" :key="item.title" v-if="item.children">
+            <template #title>
+              <i class="iconfont" :class="item.icon"></i><span>{{ item.title }}</span>
+            </template>
+            <el-menu-item
+              :index="item.path"
+              :key="item.title"
+              v-for="item in item.children"
+              @click="handleClick(item.path, item)"
+            >
+              <template #title>
+                <template v-if="item.href">
+                  <a :href="item.href" target="_blank">{{ item.title }}</a>
+                </template>
+                <template v-else>{{ item.title }}</template>
+              </template>
+            </el-menu-item>
+          </el-submenu>
+
+          <el-menu-item :index="item.path" :key="item.title" @click="handleClick(item.path, item)" v-else>
+            <i class="iconfont" :class="item.icon"></i>
+            <span slot="title">{{ item.title }}</span>
+          </el-menu-item>
+        </template>
+      </el-menu>
+    </div>
+  </div>
+</template>
+
+<script>
+import defaultAvatar from '@/assets/images/avatar.png'
+
+export default {
+  name: 'AppAside',
+  props: {
+    showUser: { type: Boolean, default: false }
+  },
+  data() {
+    return {
+      activeLink: '/course/learn',
+      menus: [
+        { title: '直播日历', path: '' },
+        { title: '系统管理', path: '' },
+        { title: '个人设置', path: '' }
+      ]
+    }
+  },
+  computed: {
+    user() {
+      return this.$store.state.user
+    },
+    avatar() {
+      return this.user.avatar || defaultAvatar
+    }
+  },
+  watch: {
+    $route: {
+      immediate: true,
+      handler(to, from) {
+        this.activeLink = to.path
+      }
+    }
+  },
+  methods: {
+    genClasses(data) {
+      const isActive = this.$route.fullPath.includes(data.path)
+      return { 'is-active': isActive }
+    },
+    // 退出登录
+    logout() {
+      this.$store.dispatch('logout').then(() => {
+        window.location.href = webConf.others.loginUrl
+      })
+    },
+    handleClick(path, item) {
+      if (item.href) return
+      path && this.$router.push(path)
+    }
+  }
+}
+</script>
+
+<style lang="scss">
+.app-aside {
+  width: 200px;
+  background-color: #fff;
+  .inner {
+    position: sticky;
+    top: 0;
+  }
+  .user {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    padding-top: 20px;
+    &:hover {
+      background-color: #fff4f7;
+    }
+  }
+  .user-avatar {
+    width: 60px;
+    height: 60px;
+    border-radius: 50%;
+    overflow: hidden;
+    img {
+      width: 100%;
+      height: 100%;
+      object-fit: cover;
+    }
+  }
+  .user-tools {
+    padding: 10px 0;
+    span {
+      color: #999;
+      padding: 0 10px;
+      cursor: pointer;
+    }
+  }
+
+  .nav {
+    border: 0;
+    padding: 30px 0;
+    color: #ccc;
+    .iconfont {
+      display: inline-block;
+      width: 30px;
+      font-size: 16px;
+      color: currentColor;
+    }
+    .el-submenu__title:hover {
+      color: #c01540;
+    }
+    .is-active {
+      color: #c01540;
+    }
+    .is-active .el-submenu__title {
+      background: #fff4f7;
+      font-weight: bold;
+      color: #c01540;
+    }
+    .el-submenu__title {
+      height: 50px;
+      line-height: 50px;
+      padding-left: 25px !important;
+    }
+    .el-menu-item:hover,
+    .el-menu-item:focus {
+      color: #c01540;
+      background: transparent;
+    }
+    .el-submenu .el-menu-item {
+      height: 36px;
+      line-height: 36px;
+      padding-left: 55px !important;
+    }
+  }
+}
+</style>

src/components/layout/header.vue

+<template>
+  <div class="app-header">
+    <div class="title">
+      <router-link to="/">{{ title }}</router-link>
+    </div>
+    <div class="tool">
+      <!-- <nav class="nav">
+        <router-link to="/">首页</router-link>
+        <router-link to="/my">我的</router-link>
+        <router-link to="/messages">通知</router-link>
+      </nav> -->
+      <div class="user">
+        <img :src="avatar" class="user-avatar" />
+        <span class="user-name" v-if="user.realname || user.nickname">{{ user.realname || user.nickname }}</span>
+        <span class="user-name" @click="logout">退出登录</span>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import defaultAvatar from '@/assets/images/avatar.png'
+export default {
+  name: 'AppHeader',
+  data() {
+    return {
+      title: 'Live'
+    }
+  },
+  computed: {
+    user() {
+      return this.$store.state.user
+    },
+    avatar() {
+      return this.user.avatar || defaultAvatar
+    }
+  },
+  methods: {
+    // 退出登录
+    logout() {
+      this.$store.dispatch('logout').then(() => {
+        window.location.href = webConf.others.loginUrl
+      })
+    }
+  }
+}
+</script>
+
+<style lang="scss">
+.app-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  height: 80px;
+  padding: 0 30px;
+  background-color: #fff;
+
+  .tool {
+    display: flex;
+    align-items: center;
+  }
+
+  .title {
+    font-size: 24px;
+    font-weight: 600;
+    color: #222;
+  }
+
+  .nav {
+    margin-left: 20px;
+    font-size: 18px;
+    color: #333;
+    a {
+      padding: 0 20px;
+    }
+  }
+
+  .user {
+    height: 80px;
+    padding: 0 10px;
+    display: flex;
+    align-items: center;
+    cursor: pointer;
+  }
+  .user-avatar {
+    width: 40px;
+    height: 40px;
+    border-radius: 50%;
+    overflow: hidden;
+    object-fit: cover;
+  }
+  .user-name {
+    padding: 0 10px;
+  }
+}
+</style>

src/components/layout/index.vue

+<template>
+  <div class="app-layout">
+    <app-header />
+    <div class="app-layout-bd">
+      <app-aside v-bind="$attrs" v-if="showAside" />
+      <app-main />
+    </div>
+  </div>
+</template>
+
+<script>
+import AppHeader from './header'
+import AppAside from './aside'
+import AppMain from './main'
+export default {
+  components: { AppHeader, AppAside, AppMain },
+  props: { showAside: { type: Boolean, default: true } }
+}
+</script>
+
+<style lang="scss">
+.app-layout {
+  display: flex;
+  flex-direction: column;
+  min-height: 100vh;
+}
+.app-layout-bd {
+  flex: 1;
+  display: flex;
+
+  .app-main {
+    flex: 1;
+  }
+}
+</style>

src/components/layout/main.vue

+<template>
+  <div class="app-main">
+    <router-view :key="$route.fullPath" />
+  </div>
+</template>
+
+<script>
+export default {}
+</script>
+
+<style lang="scss">
+.app-main {
+  padding: 20px;
+}
+</style>

src/index.html

+<!DOCTYPE html>
+<html lang="zh-cn">
+  <head>
+    <meta charset="utf-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta content="origin" name="referrer" />
+    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
+    <meta http-equiv="Pragma" content="no-cache" />
+    <meta http-equiv="Expires" content="0" />
+    <title>Live</title>
+    <meta
+      name="viewport"
+      id="viewport"
+      content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, shrink-to-fit=no, viewport-fit=cover"
+    />
+  </head>
+  <body>
+    <div id="app"></div>
+  </body>
+</html>

src/main.js

+import Vue from 'vue'
+import router from './router'
+import store from './store'
+import App from './app.vue'
+import './style.scss'
+import ElementUI from 'element-ui'
+
+import BeforeEnter from './utils/beforeEnter'
+const before = new BeforeEnter()
+
+Vue.use(ElementUI)
+
+/* 导航守卫 */
+router.beforeEach((to, from, next) => {
+  before.update(to, from, next)
+  next()
+})
+
+new Vue({
+  store,
+  router,
+  render: h => h(App)
+}).$mount('#app')

src/pages/home/index.vue

+<template>
+  <div></div>
+</template>

src/router/index.js

+import Vue from 'vue'
+import Router from 'vue-router'
+import routes from './routes'
+
+Vue.use(Router)
+const originalPush = Router.prototype.push
+Router.prototype.push = function push(location, onResolve, onReject) {
+  if (onResolve || onReject) return originalPush.call(this, location, onResolve, onReject)
+  return originalPush.call(this, location).catch(err => err)
+}
+export default new Router({
+  routes,
+  mode: 'history', // 还有一个 hash 默认
+  fallback: true // 浏览器不支持 history时，自动改成 hash方式
+})

src/router/routes.js

+import Layout from '@/components/layout'
+
+export default [
+  { path: '*', redirect: '/index' },
+  {
+    path: '/',
+    component: Layout,
+    children: [
+      /* 首页 */
+      { path: '/index', component: () => import(/* webpackChunkName: "home" */ '@/pages/home') }
+    ]
+  }
+]

src/store/index.js

+import Vue from 'vue'
+import Vuex from 'vuex'
+
+import { getUser, logout } from '@/api/account'
+Vue.use(Vuex)
+
+const store = new Vuex.Store({
+  state: {
+    user: {},
+    isLogin: false
+  },
+  mutations: {
+    setUser(state, user) {
+      state.user = user
+    },
+    setIsLogin(state, isLogin) {
+      state.isLogin = isLogin
+    }
+  },
+  actions: {
+    getUser({ commit }) {
+      getUser().then(response => {
+        commit('setUser', response)
+      })
+    },
+    // 退出登录
+    logout({ commit }) {
+      return logout().then(response => {
+        commit('setUser', {})
+        commit('setIsLogin', false)
+        return response
+      })
+    },
+    // 检测登录状态
+    async checkLogin({ commit }) {
+      const isLogin = await getUser()
+        .then(response => {
+          commit('setUser', response)
+          return true
+        })
+        .catch(() => {
+          commit('setUser', {})
+          return false
+        })
+      commit('setIsLogin', isLogin)
+      return isLogin
+    }
+  }
+})
+
+export default store

src/style.scss

+$--color-primary: #c01540;
+/* 改变 icon 字体路径变量，必需 */
+$--font-path: '~element-ui/lib/theme-chalk/fonts';
+
+@import '~element-ui/packages/theme-chalk/src/index';
+
+body,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+hr,
+p,
+blockquote,
+dl,
+dt,
+dd,
+ul,
+ol,
+li,
+pre,
+form,
+fieldset,
+legend,
+button,
+input,
+textarea,
+th,
+td {
+  margin: 0;
+  padding: 0;
+}
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+}
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-size: 100%;
+}
+ul,
+ol,
+li {
+  list-style: none;
+}
+em,
+i {
+  font-style: normal;
+}
+img {
+  border: none;
+}
+input,
+img {
+  vertical-align: middle;
+}
+a {
+  color: inherit;
+  text-decoration: none;
+}
+
+input,
+button,
+select,
+textarea {
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+  -webkit-appearance: none;
+  border: 0;
+  border-radius: 0;
+}
+textarea:focus {
+  outline: 0;
+}
+html {
+  font-size: 100px;
+  -webkit-text-size-adjust: 100%;
+  -ms-text-size-adjust: 100%;
+}
+
+:root {
+  --main-color: #c01540;
+}
+
+body {
+  font-size: 14px;
+  line-height: 1.4;
+  color: #222;
+  font-family: 'PingFang SC', 'Source Han Sans CN', -apple-system, 'Microsoft YaHei', 'Helvetica', 'Arial', Verdana,
+    'Hiragino Sans GB', 'Wenquanyi Micro Hei', sans-serif;
+  background-color: #f9f9f9;
+}

src/utils/axios.js

+import axios from 'axios'
+import qs from 'qs'
+import { Message } from 'element-ui'
+import router from '@/router'
+const httpRequest = axios.create({
+  baseURL: webConf.others.baseUrl,
+  timeout: 60000,
+  withCredentials: true,
+  headers: {
+    'Content-Type': 'application/x-www-form-urlencoded',
+    tenant: 'sofia'
+  }
+})
+
+// 请求拦截
+httpRequest.interceptors.request.use(
+  function(config) {
+    if (config.headers['Content-Type'] === 'application/x-www-form-urlencoded') {
+      config.data = qs.stringify(config.data)
+    }
+    return config
+  },
+  function(error) {
+    return Promise.reject(error)
+  }
+)
+
+// 响应拦截
+httpRequest.interceptors.response.use(
+  function(response) {
+    const { data } = response
+    if (data.code) {
+      Message.error(data.msg || data.message)
+      return Promise.reject(data)
+    }
+    return data
+  },
+  function(error) {
+    if (error.response) {
+      const { status, message, code } = error.response.data
+      // 未登录
+      if (status === 403) {
+        window.location.href = `${webConf.others.loginUrl}?rd=${encodeURIComponent(window.location.href)}`
+      } else if (status === 400 && code === 401) {
+        router.push('/role')
+      } else {
+        Message.error(message || error.response.data)
+      }
+      return Promise.reject(error.response)
+    } else {
+      Message.error(error)
+    }
+    return Promise.reject(error)
+  }
+)
+
+export default httpRequest

src/utils/beforeEnter.js

+import store from '@/store'
+
+export default class BeforeEnter {
+  constructor(opt) {
+    this.opt = opt || {}
+  }
+
+  async update(to, from, next) {
+    const isLogin = store.state.isLogin || (await store.dispatch('checkLogin'))
+    if (to.meta.requiredLogin && !isLogin) {
+      next(`/login?redirect_uri=${encodeURIComponent(window.location.href)}`)
+      return
+    }
+    next()
+  }
+}