feat: xxx

b163771f · lipengcheng · b6de4c4d · b163771f · b163771f · b163771f
Commit b163771f authored Mar 30, 2021 by lipengcheng
53 changed files
--- a/.commitlintrc.js
+++ b/.commitlintrc.js
+module.exports = {
+    extends: ['@commitlint/config-conventional'],
+}
--- a/.czrc
+++ b/.czrc
+{
+    "path": "cz-conventional-changelog"
+}
--- a/.eslintrc.js
+++ b/.eslintrc.js
 module.exports = {
-  root: true,
-  env: {
-    browser: true,
-    node: true,
-  },
-  parserOptions: {
-    parser: 'babel-eslint',
-  },
-  extends: [
-    '@nuxtjs',
-    'prettier',
-    'prettier/vue',
-    'plugin:prettier/recommended',
-    'plugin:nuxt/recommended',
-  ],
-  plugins: ['prettier'],
-  // add your custom rules here
-  rules: {
-      indent: [
-          'error',
-          4,
-          {
-              SwitchCase: 1,
-              flatTernaryExpressions: true,
-          },
-      ],
-  },
+    root: true,
+    env: {
+        browser: true,
+        node: true,
+    },
+    parserOptions: {
+        parser: 'babel-eslint',
+    },
+    extends: ['prettier/vue', '@nuxtjs', 'plugin:nuxt/recommended'],
+    plugins: ['prettier'],
+    // add your custom rules here
+    rules: {
+        'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
+        'no-console': [
+            0,
+            {
+                llow: ['warn', 'error'],
+            },
+        ],
+        // 变量声明后必须使用；参数arg不做限制
+        'no-unused-vars': [
+            1,
+            {
+                vars: 'all',
+                args: 'none',
+            },
+        ],
+        indent: [
+            'error',
+            4,
+            {
+                SwitchCase: 1,
+                flatTernaryExpressions: true,
+            },
+        ],
+        'vue/html-closing-bracket-spacing': [
+            'error',
+            {
+                startTag: 'never',
+                endTag: 'never',
+                selfClosingTag: 'never',
+            },
+        ],
+        'vue/html-closing-bracket-newline': [
+            'error',
+            {
+                singleline: 'never',
+                multiline: 'never',
+            },
+        ],
+        'vue/html-indent': [
+            'error',
+            4,
+            {
+                attribute: 1,
+                baseIndent: 1,
+                closeBracket: 0,
+                alignAttributesVertically: true,
+                ignores: [],
+            },
+        ],
+        // 'vue/valid-v-model': 'off',
+        // "prefer-const": "off"
+    },
 }
--- a/.gitignore
+++ b/.gitignore
@@ -88,3 +88,5 @@ sw.*

 # Vim swap files
 *.swp
+
+.history/
--- a/.gitlab-ci.yml
+++ b/.gitlab-ci.yml
+image: node:12.16.3-alpine
+variables:
+    IMAGE_NAME: 'laihua-webh5'
+    IMAGE_TAG: 'latest'
+    ROBOT_WEBHOOK_URL: 'https://qyapi.weixin.qq.com/cgi-bin/webhook/send?key=b314c032-b7e2-4781-b2fa-f0bd26b75ebd'
+    VIEW_URL: 'https://beta.laihua.com/mobile'
+    PIPELINES_URL: 'https://gitlab.ilaihua.com/laihua-web/laihua-webh5/pipelines'
+
+stages:
+    - stage-test
+    - stage-packaging
+    - stage-docker
+    - stage-deploy
+    - stage-final
+    - stage-pro
+
+cache: &global_cache
+    key: ${CI_BUILD_REF_NAME}
+    paths:
+        - node_modules/
+        - .nuxt
+        - static
+    policy: pull-push
+
+.test-execute:
+    stage: stage-test
+    only:
+        refs:
+            - develop
+        variables:
+            - $CI_COMMIT_MESSAGE =~ /^build.*/
+    tags:
+        - webh5-runner
+    script:
+        - pwd && whoami
+        - echo '单元测试=====>start'
+        - echo '单元测试=====>end'
+
+test-ci:
+    stage: stage-test
+    only:
+        refs:
+            - develop
+        variables:
+            - $CI_COMMIT_MESSAGE =~ /^testci.*/
+    tags:
+        - webh5-runner
+    script:
+        - echo '所有预置变量：=======>'
+        - export
+        - echo ${CI_PROJECT_DIR}
+        - echo ${CI_PROJECT_DIR}/bins
+
+packaging-execute:
+    stage: stage-packaging
+    only:
+        refs:
+            - develop
+        variables:
+            - $CI_COMMIT_MESSAGE =~ /^build.*/
+    tags:
+        - webh5-runner
+    script:
+        - pwd && whoami && node -v && npm -v && yarn -v
+        # - npm install -g yarn
+        - yarn && yarn uat:build
+
+docker-execute:
+    stage: stage-docker
+    only:
+        refs:
+            - develop
+        variables:
+            - $CI_COMMIT_MESSAGE =~ /^build.*/
+    tags:
+        - webh5-runner
+    cache:
+        <<: *global_cache
+        policy: pull
+    script:
+        - echo '构建docker镜像=====>start'
+        - docker build -t ${IMAGE_NAME}:${IMAGE_TAG} .
+        - docker tag ${IMAGE_NAME}:${IMAGE_TAG} 551975756714.dkr.ecr.cn-northwest-1.amazonaws.com.cn/${IMAGE_NAME}:${IMAGE_TAG}
+        - echo '构建docker镜像=====>end'
+        - echo '登录及推送docker镜像=====>start'
+        - login_register_cmd=`aws ecr get-login --region cn-northwest-1 | sed 's/-e none/''/g'`
+        - eval $login_register_cmd
+        - docker push 551975756714.dkr.ecr.cn-northwest-1.amazonaws.com.cn/${IMAGE_NAME}:${IMAGE_TAG}
+        - echo '登录及推送docker镜像=====>end'
+
+deploy_execute:
+    stage: stage-deploy
+    only:
+        refs:
+            - develop
+        variables:
+            - $CI_COMMIT_MESSAGE =~ /^build.*/
+    tags:
+        - webh5-runner
+    cache: {}
+    script:
+        - echo '测试服部署=====>start'
+        - chmod +x ./bins/deploy_uat.sh
+        - bash ./bins/deploy_uat.sh ${IMAGE_NAME} ${IMAGE_TAG}
+        - echo '测试服部署=====>end'
+
+pipenline-failed:
+    stage: stage-final
+    only:
+        refs:
+            - develop
+        variables:
+            - $CI_COMMIT_MESSAGE =~ /^build.*/
+    tags:
+        - webh5-runner
+    when: on_failure
+    cache: {}
+    script:
+        - echo "构建失败======>"
+        - sudo bash ./bins/notification_robot.sh "on_failure" ${CI_COMMIT_TITLE// /-} ${GITLAB_USER_NAME} ${CI_COMMIT_REF_NAME} ${VIEW_URL} ${PIPELINES_URL}
+
+pipenline-successed:
+    stage: stage-final
+    only:
+        refs:
+            - develop
+        variables:
+            - $CI_COMMIT_MESSAGE =~ /^build.*/
+    tags:
+        - webh5-runner
+    when: on_success
+    cache: {}
+    script:
+        - echo "构建成功======>"
+        # - if test ${NOTIFICATION} -eq 1;then sudo bash ./bins/notification_robot.sh "on_success" ${CI_COMMIT_TITLE// /-} ${GITLAB_USER_NAME} ${CI_COMMIT_REF_NAME} ${VIEW_URL} ${PIPELINES_URL};fi
+        - sudo bash ./bins/notification_robot.sh "on_success" ${CI_COMMIT_TITLE// /-} ${GITLAB_USER_NAME} ${CI_COMMIT_REF_NAME} ${VIEW_URL} ${PIPELINES_URL}
+
+
+#--------------------------------------------
+# master分支生产环境构建
+# 目前的功能只是每次有mr到master分支，读取package.json中版本号，
+# 然后以pro模式打包项目再打包为镜像上传至aws做备份保存
+#--------------------------------------------
+
+.build_pro:
+    stage: stage-pro
+    tags:
+        - webh5-runner
+    only:
+        - master
+    # when: manual
+    script:
+        - echo '部署生产环境=====>start'
+        - IMAGE_TAG="$(node -e "console.log(require('./package.json')['version'])")"
+        - echo '项目打包=====>start'
+        - yarn && yarn pro:build
+        - echo '构建docker镜像=====>start'
+        - docker build -t ${IMAGE_NAME}:${IMAGE_TAG} .
+        - docker tag ${IMAGE_NAME}:${IMAGE_TAG} 551975756714.dkr.ecr.cn-northwest-1.amazonaws.com.cn/${IMAGE_NAME}:${IMAGE_TAG}
+        - echo '构建docker镜像=====>end'
+        - echo '登录及推送docker镜像=====>start'
+        - login_register_cmd=`aws ecr get-login --region cn-northwest-1 | sed 's/-e none/''/g'`
+        - eval $login_register_cmd
+        - docker push 551975756714.dkr.ecr.cn-northwest-1.amazonaws.com.cn/${IMAGE_NAME}:${IMAGE_TAG}
+        - echo '登录及推送docker镜像=====>end'
+
--- a/.huskyrc.js
+++ b/.huskyrc.js
+const tasks = (arr) => arr.join(' && ')
+module.exports = {
+    // hooks: {
+    //     'commit-msg': 'commitlint -E HUSKY_GIT_PARAMS',
+    //     'pre-commit': 'yarn test -u && git add *.md *.snap',
+    //     'pre-push': 'yarn lint && yarn test'
+    // }
+    hooks: {
+        'pre-commit': 'lint-staged',
+        // 'pre-commit': tasks(['lint-staged', 'yarn commit']),
+        'commit-msg': 'commitlint -E HUSKY_GIT_PARAMS',
+        'pre-push': "echo 'pushing....'",
+    },
+}
--- a/.lintstagedrc.js
+++ b/.lintstagedrc.js
+module.exports = {
+    '*': 'ls-lint',
+    // '**/*.{js,vue}': ['yarn format', 'git add .'],
+    '**/*.{js,vue}': ['prettier --write', 'eslint --fix'],
+    '**/*.{vue,css,scss}': ['stylelint --fix'],
+}
--- a/.ls-lint.yml
+++ b/.ls-lint.yml
+# =========== comment start ===========
+# 参考：https://ls-lint.org/1.x/configuration/the-rules.html
+# kebab-case: 短横线，例如apple-pen
+# camelcase: 小写驼峰，混合使用大小写字母区分逻辑断点，并且首字母小写。例如:  applePen
+# PascalCase: 帕斯卡，大写驼峰，混合使用大小写字母区分逻辑断点，并且首字母大写。例如:  ApplePen
+# lowercase: 全小写字母。例如：applepen
+# snakecase: 蛇形命名。通过_区分逻辑断点。例如：apple_pen
+# pointcase：只允许出现小写字母、数字和.。 例如：apple.pen
+# =========== comment end ===========
+ls:
+    # .js: kebab-case
+    # .ts: kebab-case
+    api:
+        .js: kebab-case
+    assets:
+        .dir: kebab-case
+    components:
+        .dir: lowercase | kebab-case
+        .vue: PascalCase
+    layouts:
+        .vue: camelcase
+    middleware:
+        .js: kebab-case
+    pages:
+        .vue: kebab-case
+    store:
+        .js: camelcase
+
+ignore:
+    - .git
+    - node_modules
--- a/.npmrc
+++ b/.npmrc
+registry=https://registry.npm.taobao.org
--- a/.stylelintignore
+++ b/.stylelintignore
+
+*.js
+*.png
+*.eot
+*.ttf
+*.woff
--- a/.stylelintrc.js
+++ b/.stylelintrc.js
+module.exports = {
+    plugins: [
+        // 'stylelint-order',
+        // 'stylelint-selector-bem-pattern',
+    ],
+    extends: [
+        'stylelint-config-prettier',
+        // 标准集合，继承自stylelint-config-recommend
+        'stylelint-config-standard',
+        'stylelint-config-sass-guidelines',
+        // 内置stylelint-order作为排序
+        'stylelint-config-recess-order',
+    ],
+    // add your custom config here
+    // https://stylelint.io/user-guide/configuration
+    rules: {
+        // "order/order": [
+        //     [],
+        //     {
+        //         "disableFix": false
+        //     }
+        // ],
+        'scss/selector-no-redundant-nesting-selector': null,
+        'order/properties-alphabetical-order': null,
+        'declaration-block-no-duplicate-properties': true,
+        'block-no-empty': true,
+        'comment-no-empty': true,
+        'no-extra-semicolons': true,
+        'length-zero-no-unit': [
+            true,
+            {
+                ignore: ['custom-properties'],
+            },
+        ],
+        'max-nesting-depth': [
+            2,
+            {
+                ignore: ['pseudo-classes'],
+            },
+        ],
+        'number-no-trailing-zeros': true,
+        'number-leading-zero': 'always',
+        'unit-case': 'lower',
+        'string-quotes': 'double',
+        // 'value-keyword-case': 'lower',
+        'comment-whitespace-inside': 'always',
+        'comment-empty-line-before': 'never',
+        indentation: [
+            4,
+            {
+                baseIndentLevel: 0,
+                indentClosingBrace: false,
+            },
+        ],
+        'max-empty-lines': 1,
+        // 'max-line-length': 120,
+        'value-list-max-empty-lines': 0,
+        'no-empty-first-line': true,
+        'no-eol-whitespace': true,
+        'at-rule-name-newline-after': 'always-multi-line',
+        'color-named': 'never',
+        'no-descending-specificity': null,
+        // "at-rule-no-unknown": [true, {
+        //     ignoreAtRules: ['extend', 'at-root', 'debug', 'warn', 'error', 'if', 'else', 'for', 'each', 'while', 'mixin', 'include', 'content', 'return', 'function']
+        // }]
+        // 'selector-class-pattern': "foo-[a-z]+",
+        'string-quotes': 'double',
+        /**=========== stylelint-selector-bem-pattern =========== */
+        // 'plugin/selector-bem-pattern': {
+        //     preset: 'bem',
+        //     // 知道组件名称的检查规则
+        //     componentName: '[a-z]+',
+        //     /**
+        //      * 指定组合的选择器检查规则，其实就是指定class名称规则
+        //      * 支持正则字符串、返回正则的函数、包含2个选项参数的对象等写法
+        //      */
+        //     componentSelectors: {
+        //         // 只初始的选择器规则（可以理解为外层的class规则）
+        //         initial: '^\\.{componentName}(?:__[-a-z]+)?(?:--[a-z]+)?$',
+        //         // 可以理解为外层yi
+        //         combined: '^\\.{componentName}(?:__[-a-z]+)(?:--[a-z]+)?$',
+        //     },
+        //     utilitySelectors: '^\\.u-[a-z]+$',
+        //     ignoreSelectors: ['^\\.el-', '/deep/', '>>>', '^\\.icon-'],
+        // },
+    },
+}
--- a/api/index.js
+++ b/api/index.js
+export default {
+    getBanner: { method: 'get', url: '/home/banner' },
+    login: { method: 'post', url: '/login' },
+    getH5Order: { method: 'post', url: '/user/vip/orders/getH5Order' }
+    // getH5RightsOrder: { method: 'post', url: '/user/vip/rights/getH5Order' },
+    // getPlatform: { method: 'get', url: '/login/wechat/platform' }
+}
--- a/assets/README.md
+++ b/assets/README.md
-# ASSETS
-
-**This directory is not required, you can delete it if you don't want to use it.**
-
-This directory contains your un-compiled assets such as LESS, SASS, or JavaScript.
-
-More information about the usage of this directory in [the documentation](https://nuxtjs.org/guide/assets#webpacked).
--- a/assets/styles/mixins.scss
+++ b/assets/styles/mixins.scss
+@charset "UTF-8";
+
+// px转换为rem
+@function px2rem ($px, $base-font-size: 75px) {
+    @if unitless($px) {
+        //  @warn "Assuming #{$px} to be in pixels, attempting to convert it into pixels for you";
+        @return px2rem($px * 1px);
+    }
+
+    @else if unit($px) == rem {
+        @return $px;
+    }
+
+    @return ($px / $base-font-size) * 1rem;
+}
--- a/assets/styles/reset.scss
+++ b/assets/styles/reset.scss
+* {
+    box-sizing: border-box;
+    padding: 0;
+    margin: 0;
+    line-height: 1;
+    touch-action: pan-y;
+}
+
+span,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+a,
+p,
+ul,
+li {
+    padding: 0;
+    margin: 0;
+}
+
+html,
+body {
+    font-family: "Microsoft YaHei", "微软雅黑", "Source Sans Pro", Arial, sans-serif;
+    font-size: 14px;
+    color: #000;
+    letter-spacing: 0.5px;
+    background-color: #fff;
+    // 顺滑滚动
+    scroll-behavior: smooth;
+}
+
+ul,
+li {
+    list-style: none;
+}
+
+a,
+a:hover,
+a:focus,
+a:visited {
+    color: #000;
+}
+
+a {
+    text-decoration: none;
+    outline: none;
+}
+/* 去掉获取焦点时的蓝色发光边框 */
+input,
+textarea,
+video,
+button {
+    padding: 0;
+    margin: 0;
+    border: 0;
+    outline: none;
+}
+/* 解决谷歌浏览器中的input背景色默认是黄色 */
+input:-webkit-autofill {
+    box-shadow: 0 0 0 1000px #fff inset !important;
+}
--- a/assets/styles/variables.scss
+++ b/assets/styles/variables.scss
+// variables
--- a/components/Logo.vue
+++ b/components/Logo.vue
 <template>
-  <svg
-    class="NuxtLogo"
-    width="245"
-    height="180"
-    viewBox="0 0 452 342"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <path
-      d="M139 330l-1-2c-2-4-2-8-1-13H29L189 31l67 121 22-16-67-121c-1-2-9-14-22-14-6 0-15 2-22 15L5 303c-1 3-8 16-2 27 4 6 10 12 24 12h136c-14 0-21-6-24-12z"
-      fill="#00C58E"
-    />
-    <path
-      d="M447 304L317 70c-2-2-9-15-22-15-6 0-15 3-22 15l-17 28v54l39-67 129 230h-49a23 23 0 0 1-2 14l-1 1c-6 11-21 12-23 12h76c3 0 17-1 24-12 3-5 5-14-2-26z"
-      fill="#108775"
-    />
-    <path
-      d="M376 330v-1l1-2c1-4 2-8 1-12l-4-12-102-178-15-27h-1l-15 27-102 178-4 12a24 24 0 0 0 2 15c4 6 10 12 24 12h190c3 0 18-1 25-12zM256 152l93 163H163l93-163z"
-      fill="#2F495E"
-    />
-  </svg>
+    <svg
+        class="nuxt-logo"
+        width="245"
+        height="180"
+        viewBox="0 0 452 342"
+        xmlns="http://www.w3.org/2000/svg">
+        <path
+            d="M139 330l-1-2c-2-4-2-8-1-13H29L189 31l67 121 22-16-67-121c-1-2-9-14-22-14-6 0-15 2-22 15L5 303c-1 3-8 16-2 27 4 6 10 12 24 12h136c-14 0-21-6-24-12z"
+            fill="#00C58E"/>
+        <path
+            d="M447 304L317 70c-2-2-9-15-22-15-6 0-15 3-22 15l-17 28v54l39-67 129 230h-49a23 23 0 0 1-2 14l-1 1c-6 11-21 12-23 12h76c3 0 17-1 24-12 3-5 5-14-2-26z"
+            fill="#108775"/>
+        <path
+            d="M376 330v-1l1-2c1-4 2-8 1-12l-4-12-102-178-15-27h-1l-15 27-102 178-4 12a24 24 0 0 0 2 15c4 6 10 12 24 12h190c3 0 18-1 25-12zM256 152l93 163H163l93-163z"
+            fill="#2F495E"/>
+    </svg>
 </template>

 <style>
-.NuxtLogo {
-  animation: 1s appear;
-  margin: auto;
+.nuxt-logo {
+    margin: auto;
+    animation: 1s appear;
 }

 @keyframes appear {
-  0% {
-    opacity: 0;
-  }
+    0% {
+        opacity: 0;
+    }
 }
 </style>
--- a/components/README.md
+++ b/components/README.md
-# COMPONENTS
-
-**This directory is not required, you can delete it if you don't want to use it.**
-
-The components directory contains your Vue.js Components.
-
-_Nuxt.js doesn't supercharge these components._
--- a/config/env.config.js
+++ b/config/env.config.js
+const serverConf = {
+    dev: {
+        HOSTNAME: '0.0.0.0',
+        // HOSTNAME: 'localhost',
+        PORT: 3021 || '0'
+    },
+    uat: {
+        HOSTNAME: '0.0.0.0' || 'localhost',
+        PORT: 3021
+    },
+    pro: {
+        HOSTNAME: '0.0.0.0' || 'localhost',
+        PORT: 3021
+    }
+}
+const SERVER_CONF = serverConf[process.env.ENV_MODE] || {}
+
+const appApiConf = {
+    dev: {
+        API_DOMAIN: 'http://beta.laihua.com/appapi',
+        API_LOCAL_URL: '',
+        BASE_URL: `http://localhost:${SERVER_CONF.PORT}/mobile/devappapi`,
+        BASE_URL_BROWSER: '/mobile/devappapi'
+    },
+    uat: {
+        API_DOMAIN: 'http://beta.laihua.com/appapi',
+        API_LOCAL_URL: '',
+        BASE_URL: `http://localhost:${SERVER_CONF.PORT}/mobile/uatappapi`,
+        BASE_URL_BROWSER: '/mobile/uatappapi'
+    },
+    pro: {
+        API_DOMAIN: 'https://app.laihua.com',
+        API_LOCAL_URL: '',
+        BASE_URL: `http://localhost:${SERVER_CONF.PORT}/mobile/proappapi`,
+        BASE_URL_BROWSER: '/mobile/proappapi'
+    }
+}
+
+const webApiConf = {
+    dev: {
+        API_DOMAIN: 'https://beta.laihua.com/webapi',
+        // api项目本地的地址及端口
+        API_LOCAL_URL: '',
+        BASE_URL: `http://localhost:${SERVER_CONF.PORT}/mobile/devapi`,
+        BASE_URL_BROWSER: '/mobile/devapi'
+    },
+    uat: {
+        API_DOMAIN: 'https://beta.laihua.com/webapi',
+        API_LOCAL_URL: '',
+        BASE_URL: `http://localhost:${SERVER_CONF.PORT}/mobile/uatapi`,
+        BASE_URL_BROWSER: '/mobile/uatapi'
+    },
+    pro: {
+        API_DOMAIN: 'https://webapi4.laihua.com',
+        API_LOCAL_URL: '',
+        BASE_URL: `http://localhost:${SERVER_CONF.PORT}/mobile/proapi`,
+        BASE_URL_BROWSER: '/mobile/proapi'
+    }
+}
+
+const WEB_API_CONF = webApiConf[process.env.ENV_MODE] || {}
+const APP_API_CONF = appApiConf[process.env.ENV_MODE] || {}
+export { SERVER_CONF, WEB_API_CONF, APP_API_CONF }
--- a/config/proxy.config.js
+++ b/config/proxy.config.js
+export default {
+    /** webapi代理 */
+    '/devapi': {
+        target: 'https://beta.laihua.com/webapi',
+        changeOrigin: true,
+        pathRewrite: { '^/devapi': '/' }
+    },
+    '/uatapi': {
+        target: 'https://beta.laihua.com/webapi',
+        changeOrigin: true,
+        pathRewrite: { '^/uatapi': '/' }
+    },
+    '/proapi': {
+        target: 'https://webapi4.laihua.com',
+        changeOrigin: true,
+        pathRewrite: { '^/proapi': '/' }
+    },
+    /** appapi代理 */
+    '/devappapi': {
+        target: 'https://beta.laihua.com/appapi',
+        changeOrigin: true,
+        pathRewrite: { '^/devappapi': '/' }
+    },
+    '/uatappapi': {
+        target: 'https://beta.laihua.com/appapi',
+        changeOrigin: true,
+        pathRewrite: { '^/uatappapi': '/' }
+    },
+    '/proappapi': {
+        target: 'https://app.laihua.com/',
+        changeOrigin: true,
+        pathRewrite: { '^/proappapi': '/' }
+    }
+}
--- a/config/webInfo.js
+++ b/config/webInfo.js
+export default {
+    fullName: '深圳市前海手绘科技文化有限公司',
+    fullNameEn: 'Shenzhen Qianhai Hand-painted Technology and Culture Co. Ltd.',
+    ICP: '粤ICP备15083104号',
+    title: '来画',
+    slogan: '短视频智能创作营销平台',
+    description: `来画是有创意的AI动画短视频制作平台，仅需几张图片，几段文字和声音简单组合，
+        即可在短时间内生成一个有趣的动画短视频。丰富视频模板素材免费用！对于企业用户，还有动画高端定制服务。`,
+    mail: 'user@laihua.com',
+    tel: '400-8126-909',
+    address: '深圳市南山区前海世茂大厦36楼'
+}
--- a/layouts/README.md
+++ b/layouts/README.md
-# LAYOUTS
-
-**This directory is not required, you can delete it if you don't want to use it.**
-
-This directory contains your Application Layouts.
-
-More information about the usage of this directory in [the documentation](https://nuxtjs.org/guide/views#layouts).
--- a/layouts/default.vue
+++ b/layouts/default.vue
 <template>
-  <div>
-    <Nuxt />
-  </div>
+    <div>
+        <Nuxt/>
+    </div>
 </template>

 <style>
 html {
-  font-family: 'Source Sans Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI',
-    Roboto, 'Helvetica Neue', Arial, sans-serif;
-  font-size: 16px;
-  word-spacing: 1px;
-  -ms-text-size-adjust: 100%;
-  -webkit-text-size-adjust: 100%;
-  -moz-osx-font-smoothing: grayscale;
-  -webkit-font-smoothing: antialiased;
-  box-sizing: border-box;
+    box-sizing: border-box;
+    font-family:
+        "Source Sans Pro",
+        -apple-system,
+        BlinkMacSystemFont,
+        "Segoe UI",
+        Roboto,
+        "Helvetica Neue",
+        Arial,
+        sans-serif;
+    text-size-adjust: 100%;
+    font-size: 16px;
+    -webkit-font-smoothing: antialiased;
+    word-spacing: 1px;
+    -moz-osx-font-smoothing: grayscale;
 }

 *,
 *::before,
 *::after {
-  box-sizing: border-box;
-  margin: 0;
+    /* box-sizing: border-box; */
+    margin: 0;
 }

 .button--green {
-  display: inline-block;
-  border-radius: 4px;
-  border: 1px solid #3b8070;
-  color: #3b8070;
-  text-decoration: none;
-  padding: 10px 30px;
+    display: inline-block;
+    padding: 10px 30px;
+    color: #3b8070;
+    text-decoration: none;
+    border: 1px solid #3b8070;
+    border-radius: 4px;
 }

 .button--green:hover {
-  color: #fff;
-  background-color: #3b8070;
+    color: #fff;
+    background-color: #3b8070;
 }

 .button--grey {
-  display: inline-block;
-  border-radius: 4px;
-  border: 1px solid #35495e;
-  color: #35495e;
-  text-decoration: none;
-  padding: 10px 30px;
-  margin-left: 15px;
+    display: inline-block;
+    padding: 10px 30px;
+    margin-left: 15px;
+    color: #35495e;
+    text-decoration: none;
+    border: 1px solid #35495e;
+    border-radius: 4px;
 }

 .button--grey:hover {
-  color: #fff;
-  background-color: #35495e;
+    color: #fff;
+    background-color: #35495e;
 }
 </style>
--- a/layouts/error.vue
+++ b/layouts/error.vue
+<template>
+    <div class="layout-error">
+        <h2 v-if="error.statusCode === 404">
+            404页面不存在
+        </h2>
+        <h2 v-else>
+            500服务器错误
+        </h2>
+        <ul>
+            <li>
+                <nuxt-link to="/">
+                    HOME
+                </nuxt-link>
+            </li>
+        </ul>
+    </div>
+</template>
+
+<script>
+export default {
+    props: {
+        error: {
+            type: Object,
+            default: () => {}
+        }
+    }
+}
+</script>
--- a/middleware/README.md
+++ b/middleware/README.md
-# MIDDLEWARE
-
-**This directory is not required, you can delete it if you don't want to use it.**
-
-This directory contains your application middleware.
-Middleware let you define custom functions that can be run before rendering either a page or a group of pages.
-
-More information about the usage of this directory in [the documentation](https://nuxtjs.org/guide/routing#middleware).
--- a/middleware/test.js
+++ b/middleware/test.js
+/* eslint-disable */
+
+export default async function (ctx) {
+    const { route, store, redirect } = ctx
+}
--- a/nuxt.config.js
+++ b/nuxt.config.js
+import { SERVER_CONF, WEB_API_CONF, APP_API_CONF } from './config/env.config.js'
+import proxyConfig from './config/proxy.config.js'
+// import hooks from './hooks'
+import webInfo from './config/webInfo.js'
+
 export default {
-  // Global page headers (https://go.nuxtjs.dev/config-head)
-  head: {
-    title: 'mould-nuxt',
-    meta: [
-      { charset: 'utf-8' },
-      { name: 'viewport', content: 'width=device-width, initial-scale=1' },
-      { hid: 'description', name: 'description', content: '' },
+    server: {
+        host: SERVER_CONF.HOSTNAME,
+        port: SERVER_CONF.PORT
+    },
+
+    // env: {
+    //     nodeenv: process.env.NODE_ENV,
+    //     ...WEB_API_CONF
+    // },
+
+    privateRuntimeConfig: {
+        axios: {
+            baseURL: WEB_API_CONF.API_LOCAL_URL || WEB_API_CONF.BASE_URL
+        },
+        WEB_API_CONF,
+        APP_API_CONF,
+        ENV_MODE: process.env.ENV_MODE
+    },
+
+    publicRuntimeConfig: {
+        axios: {
+            browserBaseURL: WEB_API_CONF.BASE_URL_BROWSER
+        },
+        WEB_API_CONF,
+        APP_API_CONF,
+        ENV_MODE: process.env.ENV_MODE
+    },
+
+    // Global page headers (https://go.nuxtjs.dev/config-head)
+    head: {
+        title: webInfo.title,
+        titleTemplate: `%s-${webInfo.slogan}`,
+        meta: [
+            { charset: 'utf-8' },
+            {
+                name: 'viewport',
+                content: 'width=device-width, initial-scale=1,user-scalable=no'
+            },
+            // { 'http-equiv': 'Content-Security-Policy', content: 'upgrade-insecure-requests' },
+            {
+                hid: 'description',
+                name: 'description',
+                content: webInfo.description
+            }
+        ],
+        link: [{ rel: 'icon', type: 'image/x-icon', href: 'favicon.ico' }],
+        script: [
+            { src: 'scripts/flexible.js' },
+            { src: '//res.wx.qq.com/open/js/jweixin-1.4.0.js' },
+            {
+                src: '//at.alicdn.com/t/font_1909239_s4u6l1v1ysn.js',
+                async: true,
+                rel: 'preload'
+            }, // 平台 icon
+            {
+                src: '//at.alicdn.com/t/font_2037105_pnqqt3hxv5j.js',
+                async: true,
+                rel: 'preload'
+            } // 视频办公宝 icon
+        ]
+    },
+
+    // Global CSS (https://go.nuxtjs.dev/config-css)
+    css: [
+        '@/assets/styles/reset.scss'
+        // 'swiper/dist/css/swiper.min.css'
+        // 'ant-design-vue/dist/antd.css'
+    ],
+
+    // Plugins to run before rendering page (https://go.nuxtjs.dev/config-plugins)
+    plugins: [
+        '~/plugins/inject-demo',
+        '~/plugins/inject-api',
+        '~/plugins/inject-utils',
+        { src: '~/plugins/vue-bus' },
+        '~/plugins/axios/index.js',
+        // '~/plugins/axios/index.bak.js',
+        '~/plugins/nuxt-client-init.client.js',
+        { src: '@/plugins/vant-ui' },
+        { src: '~/plugins/vconsole', mode: 'client' }
    ],
-    link: [{ rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }],
-  },
-
-  // Global CSS (https://go.nuxtjs.dev/config-css)
-  css: ['element-ui/lib/theme-chalk/index.css'],
-
-  // Plugins to run before rendering page (https://go.nuxtjs.dev/config-plugins)
-  plugins: ['@/plugins/element-ui'],
-
-  // Auto import components (https://go.nuxtjs.dev/config-components)
-  components: true,
-
-  // Modules for dev and build (recommended) (https://go.nuxtjs.dev/config-modules)
-  buildModules: [
-    // https://go.nuxtjs.dev/eslint
-    '@nuxtjs/eslint-module',
-    // https://go.nuxtjs.dev/stylelint
-    '@nuxtjs/stylelint-module',
-  ],
-
-  // Modules (https://go.nuxtjs.dev/config-modules)
-  modules: [
-    // https://go.nuxtjs.dev/axios
-    '@nuxtjs/axios',
-    // https://go.nuxtjs.dev/pwa
-    '@nuxtjs/pwa',
-    // https://go.nuxtjs.dev/content
-    '@nuxt/content',
-  ],
-
-  // Axios module configuration (https://go.nuxtjs.dev/config-axios)
-  axios: {},
-
-  // Content module configuration (https://go.nuxtjs.dev/config-content)
-  content: {},
-
-  // Build Configuration (https://go.nuxtjs.dev/config-build)
-  build: {
-    transpile: [/^element-ui/],
-  },
+
+    // Auto import components (https://go.nuxtjs.dev/config-components)
+    components: true,
+
+    // Modules for dev and build (recommended) (https://go.nuxtjs.dev/config-modules)
+    buildModules: [
+        // https://go.nuxtjs.dev/eslint
+        '@nuxtjs/eslint-module',
+        '@nuxtjs/style-resources',
+        // https://go.nuxtjs.dev/stylelint
+        // ['@nuxtjs/stylelint-module',{}]
+        '@nuxtjs/stylelint-module'
+    ],
+
+    // Modules (https://go.nuxtjs.dev/config-modules)
+    modules: [
+        // https://go.nuxtjs.dev/axios
+        '@nuxtjs/axios',
+        // https://dayjs.gitee.io/
+        '@nuxtjs/dayjs',
+        // https://go.nuxtjs.dev/pwa
+        '@nuxtjs/pwa',
+        '@nuxtjs/toast'
+        // https://go.nuxtjs.dev/content
+        // '@nuxt/content'
+    ],
+
+    eslint: {
+        fix: true
+    },
+
+    stylelint: {
+        fix: true
+    },
+
+    /** 注意，这里只能引入样式的variables, mixins, functions文件，不能引入实际样式！ */
+    styleResources: {
+        scss: [
+            // './assets/styles/variables.scss', // 全局 scss 变量
+            './assets/styles/mixins.scss' // 全局 scss 混合
+        ]
+    },
+
+    axios: {
+        // host: '',
+        // port: '',
+        // prefix: '/', // Default: "/"
+        // baseURL: 'https://beta.laihua.com/webapi', // Default: http://[HOST]:[PORT][PREFIX]
+        // browserBaseURL: '/webapi',
+        proxy: true,
+        credentials: true
+    },
+
+    proxy: proxyConfig,
+
+    dayjs: {
+        locales: ['zh-cn', 'en'],
+        defaultLocale: 'zh-cn'
+    },
+
+    toast: {
+        position: 'top-center',
+        duration: 2000
+    },
+
+    buildDir: '.nuxt',
+
+    extendPlugins (plugins) {
+        if (process.env.ENV_MODE === 'pro') {
+            const pluginIndex = plugins.findIndex(
+                ({ src }) => src === '~/plugins/vconsole'
+            )
+            pluginIndex !== -1 && plugins.splice(pluginIndex, 1)
+            return plugins
+        }
+    },
+
+    // Build Configuration (https://go.nuxtjs.dev/config-build)
+    build: {
+        // analyze: {
+        //     analyzerMode: 'static'
+        // },
+
+        publicPath: '/_nuxt/',
+
+        extractCSS: {
+            ignoreOrder: true
+            // allChunks: true,
+        },
+
+        postcss: {
+            plugins: {
+                'postcss-pxtorem': {
+                    rootValue: 37.5,
+                    propList: ['*']
+                }
+            }
+        },
+        transpile: [/^vant/],
+
+        babel: {
+            plugins: [
+                [
+                    'import',
+                    {
+                        libraryName: 'vant',
+                        // "libraryDirectory": "es",
+                        style: true
+                    },
+                    'vant'
+                ]
+            ],
+            comments: true
+        },
+        extend (config, ctx) {
+            const { isDev, isClient } = ctx
+            if (isClient && process.env.ENV_MODE === 'pro') {
+                config.optimization.minimizer[0].options.terserOptions.compress.drop_console = true
+            }
+            // console.log('config信息===>:', config)
+            // console.log('config.module.rules==>:', config.module.rules)
+        }
+    },
+    // 配置loader
+    loaders: {
+        // sass: {
+        //     implementation: require("sass")
+        // },
+        // scss: {
+        //     implementation: require("sass")
+        // },
+        // imgUrl: {
+        //     limit: 3 * 1024,
+        // },
+        // vue: {
+        //     transformAssetUrls: {
+        //         video: ["src", "poster"],
+        //         source: "src",
+        //     }
+        // },
+        less: {
+            lessOptions: {
+                javascriptEnabled: true
+            }
+        }
+    },
+    router: {
+        // base: '/',
+        // middleware: ['route-chagne']
+    },
+
+    // performance: {
+    //     hints: false,
+    //     prefetch: false,
+    //     maxEntrypointSize: 1024 * 1024,
+    //     maxAssetSize: 1024 * 960,
+    // },
+
+    // hooks: hooks(this),
+
+    render: {
+        static: {
+            prefix: true
+        }
+    },
+
+    // Content module configuration (https://go.nuxtjs.dev/config-content)
+    content: {}
 }
--- a/package.json
+++ b/package.json
 {
-  "name": "mould-nuxt",
-  "version": "1.0.0",
-  "private": true,
-  "scripts": {
-    "dev": "nuxt",
-    "build": "nuxt build",
-    "start": "nuxt start",
-    "generate": "nuxt generate",
-    "lint:js": "eslint --ext .js,.vue --ignore-path .gitignore .",
-    "lint:style": "stylelint **/*.{vue,css} --ignore-path .gitignore",
-    "lint": "yarn lint:js && yarn lint:style"
-  },
-  "lint-staged": {
-    "*.{js,vue}": "eslint",
-    "*.{css,vue}": "stylelint"
-  },
-  "husky": {
-    "hooks": {
-      "commit-msg": "commitlint -E HUSKY_GIT_PARAMS",
-      "pre-commit": "lint-staged"
+    "name": "mould-nuxt",
+    "version": "1.2.1",
+    "private": true,
+    "files": [
+        "打包需要的文件"
+    ],
+    "scripts": {
+        "dev": "cross-env ENV_MODE=dev NODE_ENV=dev nuxt",
+        "uat:build": "cross-env ENV_MODE=uat NODE_ENV=uat nuxt build",
+        "uat:start": "cross-env ENV_MODE=uat NODE_ENV=uat nuxt start",
+        "pro:build": "cross-env ENV_MODE=pro NODE_ENV=pro nuxt build",
+        "pro:start": "cross-env ENV_MODE=pro NODE_ENV=pro nuxt start",
+        "generate": "nuxt generate",
+        "lint:js": "eslint --ext .js,.vue",
+        "lint:style": "stylelint **/*.{vue,css,scss,html,htm}",
+        "lint": "yarn lint:js && yarn lint:style",
+        "fix:js": "eslint --fix --ext .js,.vue \"**\"",
+        "fix:style": "stylelint --fix **/*.{vue,css,scss}",
+        "fix": "yarn fix:js && yarn fix:style ",
+        "prettier": "prettier --write \"**/*.js\" \"**/*.vue\"",
+        "format": "yarn prettier && yarn fix",
+        "commit": "git-cz",
+        "release:init": "standard-version -f",
+        "release:patch": "standard-version -r patch",
+        "release:minor": "standard-version -r minor",
+        "release:major": "standard-version -r major",
+        "release:push": "git push --follow-tags",
+        "analyze": "nuxt build -a"
+    },
+    "dependencies": {
+        "@nuxt/content": "^1.9.0",
+        "@nuxtjs/axios": "^5.12.2",
+        "@nuxtjs/dayjs": "^1.2.1",
+        "@nuxtjs/proxy": "^2.0.1",
+        "@nuxtjs/pwa": "^3.0.2",
+        "@nuxtjs/style-resources": "^1.0.0",
+        "@nuxtjs/toast": "^3.3.1",
+        "clipboard": "^2.0.6",
+        "core-js": "^3.6.5",
+        "cross-env": "^7.0.2",
+        "eslint-plugin-prettier": "^3.1.4",
+        "lint-staged": "^10.5.3",
+        "nuxt": "^2.14.6",
+        "swiper": "^3.4.2",
+        "vant": "^2.11.1",
+        "vue-bus": "^1.2.1"
+    },
+    "devDependencies": {
+        "@commitlint/cli": "^11.0.0",
+        "@commitlint/config-conventional": "^11.0.0",
+        "@ls-lint/ls-lint": "^1.9.2",
+        "@nuxtjs/eslint-config": "^3.1.0",
+        "@nuxtjs/eslint-module": "^2.0.0",
+        "@nuxtjs/stylelint-module": "^4.0.0",
+        "babel-eslint": "^10.1.0",
+        "babel-plugin-import": "^1.13.3",
+        "commitizen": "^4.2.0",
+        "cz-customizable": "^6.3.0",
+        "eslint": "^7.10.0",
+        "eslint-config-prettier": "^6.15.0",
+        "eslint-plugin-nuxt": "^1.0.0",
+        "husky": "^4.3.0",
+        "postcss-pxtorem": "^5.1.1",
+        "prettier": "^2.1.2",
+        "sass": "^1.29.0",
+        "sass-loader": "^10.1.0",
+        "standard-version": "^9.0.0",
+        "stylelint": "^13.8.0",
+        "stylelint-config-prettier": "^8.0.2",
+        "stylelint-config-recess-order": "^2.3.0",
+        "stylelint-config-sass-guidelines": "^7.1.0",
+        "stylelint-config-standard": "^20.0.0",
+        "stylelint-selector-bem-pattern": "^2.1.0",
+        "vconsole": "^3.3.4"
    }
-  },
-  "dependencies": {
-    "@nuxt/content": "^1.9.0",
-    "@nuxtjs/axios": "^5.12.2",
-    "@nuxtjs/pwa": "^3.0.2",
-    "core-js": "^3.6.5",
-    "element-ui": "^2.13.2",
-    "nuxt": "^2.14.6"
-  },
-  "devDependencies": {
-    "@commitlint/cli": "^11.0.0",
-    "@commitlint/config-conventional": "^11.0.0",
-    "@nuxtjs/eslint-config": "^3.1.0",
-    "@nuxtjs/eslint-module": "^2.0.0",
-    "@nuxtjs/stylelint-module": "^4.0.0",
-    "babel-eslint": "^10.1.0",
-    "eslint": "^7.10.0",
-    "eslint-config-prettier": "^6.12.0",
-    "eslint-plugin-nuxt": "^1.0.0",
-    "eslint-plugin-prettier": "^3.1.4",
-    "husky": "^4.3.0",
-    "lint-staged": "^10.4.0",
-    "prettier": "^2.1.2",
-    "stylelint": "^13.7.2",
-    "stylelint-config-prettier": "^8.0.2",
-    "stylelint-config-standard": "^20.0.0"
-  }
-}
\ No newline at end of file
+}
--- a/pages/README.md
+++ b/pages/README.md
-# PAGES
-
-This directory contains your Application Views and Routes.
-The framework reads all the `*.vue` files inside this directory and creates the router of your application.
-
-More information about the usage of this directory in [the documentation](https://nuxtjs.org/guide/routing).
--- a/pages/index.vue
+++ b/pages/index.vue
 <template>
    <div class="container">
        <div>
-            <Logo />
-            <h1 class="title">mould-nuxt</h1>
+            <Logo/>
+            <h1 class="title">
+                mould-nuxt
+            </h1>
            <div class="links">
                <a
                    href="https://nuxtjs.org/"
                    target="_blank"
                    rel="noopener noreferrer"
-                    class="button--green"
-                >
+                    class="button--green">
                    Documentation
                </a>
                <a
                    href="https://github.com/nuxt/nuxt.js"
                    target="_blank"
                    rel="noopener noreferrer"
-                    class="button--grey"
-                >
+                    class="button--grey">
                    GitHub
                </a>
            </div>
@@ -31,31 +31,38 @@ export default {}

 <style>
 .container {
-    margin: 0 auto;
-    min-height: 100vh;
    display: flex;
-    justify-content: center;
    align-items: center;
+    justify-content: center;
+    min-height: 100vh;
+    margin: 0 auto;
    text-align: center;
 }

 .title {
-    font-family: 'Quicksand', 'Source Sans Pro', -apple-system,
-        BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
-        sans-serif;
    display: block;
-    font-weight: 300;
+    font-family:
+        "Quicksand",
+        "Source Sans Pro",
+        -apple-system,
+        BlinkMacSystemFont,
+        "Segoe UI",
+        Roboto,
+        "Helvetica Neue",
+        Arial,
+        sans-serif;
    font-size: 100px;
+    font-weight: 300;
    color: #35495e;
    letter-spacing: 1px;
 }

 .subtitle {
-    font-weight: 300;
+    padding-bottom: 15px;
    font-size: 42px;
+    font-weight: 300;
    color: #526488;
    word-spacing: 5px;
-    padding-bottom: 15px;
 }

 .links {

--- a/plugins/README.md
+++ b/plugins/README.md
-# PLUGINS
-
-**This directory is not required, you can delete it if you don't want to use it.**
-
-This directory contains Javascript plugins that you want to run before mounting the root Vue.js application.
-
-More information about the usage of this directory in [the documentation](https://nuxtjs.org/guide/plugins).
--- a/plugins/axios/axios.handleError.js
+++ b/plugins/axios/axios.handleError.js
+export default (err) => {
+    const { response } = err
+
+    if (!response.status) {
+        err.code = ''
+        err.message = '有response但没有response.status的情况'
+    }
+    err.code = response.status
+    switch (response.status) {
+        case 200:
+            err.message = '错误响应也会有状态码为200的情况'
+            break
+        case 400:
+            err.message = '请求错误(400)'
+            break
+        case 401:
+            err.message = '未授权，请重新登录(401)'
+            break
+        case 403:
+            err.message = '拒绝访问(403)'
+            break
+        case 404:
+            err.message = '请求出错(404)'
+            break
+        case 408:
+            err.message = '请求超时(408)'
+            break
+        case 500:
+            err.message = '服务器错误(500)'
+            break
+        case 501:
+            err.message = '服务未实现(501)'
+            break
+        case 502:
+            err.message = '网络错误(502)'
+            break
+        case 503:
+            err.message = '服务不可用(503)'
+            break
+        case 504:
+            err.message = '网络超时(504)'
+            break
+        case 505:
+            err.message = 'HTTP版本不受支持(505)'
+            break
+        default:
+            err.message = `连接出错，状态码：(${err.response.status})!`
+    }
+    return err
+}
--- a/plugins/axios/axios.handleResponse.js
+++ b/plugins/axios/axios.handleResponse.js
+// 处理响应错误码
+export default (response) => {
+    const status = response.status
+    // 如果http响应状态码response.status正常，则直接返回数据
+    if ((status >= 200 && status <= 300) || status === 304) {
+        return response
+    } else {
+        // status不正常的话，根据与后端约定好的code，做出对应的提示与处理
+        // 返回一个带有code和message属性的对象
+        const code = parseInt(response.data && response.data.code)
+        // msg为服务端返回的错误信息，字段名自定义，此处以msg为例
+        let message = (response.data || {}).msg
+
+        switch (code) {
+            case 400:
+                break
+            case 4001:
+                if (process.server) {
+                    return
+                }
+                message = message || '登录设备数量超出限制'
+                // store.commit('savehttpResult', { res: response.data })
+                break
+            case 403:
+                message = message || '未登录'
+                break
+            case 404:
+                message = message || '请求地址错误'
+                break
+            case 412:
+                message = message || '未找到有效session'
+                break
+            default:
+                // message = message || err.response.data.msg
+                break
+        }
+        return {
+            code,
+            message
+        }
+    }
+}
--- a/plugins/axios/axios.setConfig.js
+++ b/plugins/axios/axios.setConfig.js
+export default (axios, config = {}) => {
+    // axios.defaults.baseURL = process.env.VUE_APP_BASEURL
+    // axios.defaults.timeout = 10000
+    // axios.defaults.headers['custom-defined-header-key'] = 'custom-defined-header-value'
+    // // 自定义请求头：对所有请求方法生效
+    // axios.defaults.headers.common['common-defined-key-b'] = 'custom value: for all methods'
+    // // 自定义请求头：只对post方法生效
+    // axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded';
+    // // 自定义请求头：只对get方法生效
+    // axios.defaults.headers.get['get-custom-key'] = 'custom value: only for get method';
+
+    const defaultConfig = {
+        baseURL: '',
+        timeout: 10000,
+        headers: {
+            'Content-Type': 'application/json;charset=UTF-8',
+            'custom-defined-header-key': 'custom-defined-header-value',
+            common: {
+                'common-defined-key-b': 'custom value: for all methods'
+            },
+            post: {
+                'post-custom-key': 'custom value: only for post method'
+            },
+            get: {
+                'get-custom-key': 'custom value: only for get method'
+            }
+        }
+    }
+
+    Object.assign(axios.defaults, defaultConfig, config)
+    return axios
+}
--- a/plugins/axios/index.bak.js
+++ b/plugins/axios/index.bak.js
+import axios from 'axios'
+import setConfig from '@/plugins/axios/axios.setConfig.js'
+import handleResponse from '@/plugins/axios/axios.handleResponse.js'
+import handleError from '@/plugins/axios/axios.handleError.js'
+
+export default function ({ $config }, inject) {
+    const baseURL = process.server
+        ? $config.API_LOCAL_URL ||
+          `http://localhost:${$config.PORT}${$config.BASE_URL_BROWSER}`
+        : $config.BASE_URL_BROWSER
+
+    const intactRequest = setConfig(axios, { baseURL })
+    const request = setConfig(intactRequest.create(), { baseURL })
+
+    // 请求中的api
+    const pendingPool = new Map()
+
+    /**
+     * 请求拦截
+     */
+    const requestInterceptorId = request.interceptors.request.use(
+        (config) => {
+            // 对于异常的响应也需要在pendingPool中将其删除，但响应拦截器中的异常响应有些获取不到请求信息，这里将其保存在实例上
+            request.config = Object.assign({}, config)
+            // 在发送请求之前做些什么
+            // config.headers.common['cookie-id'] = cookieId
+            config.cancelToken = new axios.CancelToken((cancelFn) => {
+                pendingPool.has(config.url)
+                    ? cancelFn(`${config.url}请求重复`)
+                    : pendingPool.set(config.url, {
+                        cancelFn,
+                        global: config.global
+                    })
+            })
+            return config
+        },
+        (err) => {
+            console.log('请求拦截err:', err)
+            // 对请求错误做些什么
+            return Promise.reject(err)
+        }
+    )
+    /**
+     * 响应拦截
+     */
+    const responseInterceptorId = request.interceptors.response.use(
+        (response) => {
+            const { config } = response
+            pendingPool.delete(config.url)
+
+            // console.log('响应response suc:', response)
+            // showTip(err.message)
+            return Promise.resolve(handleResponse(response))
+        },
+        // 对异常响应处理
+        (err) => {
+            const { config } = request
+            // 异常响应删除需要加一个判断：是否为请求被取消的异常，如果不是才会将这个请求从pendingPool中删除。
+            // 否则会出现一种情况：网速非常慢的情况下，在网速非常慢的情况下多次重复发送同一个请求，第一个请求还在pending状态中，
+            // 第二个请求发不出去会直接被cancel掉进入到异常响应，然后从pendignPool中删除，第三次请求发出的时候就无法正确判断这个请求是否还是pending状态会正常发出
+            if (!axios.isCancel(err)) {
+                pendingPool.delete(config.url)
+            }
+
+            // console.log('响应拦截err1:', err)
+            // console.log('err.stack:', err.stack)
+            // console.log('err.response:', err.response)
+            // // console.log('err.response.status:', err.response.status)
+            // // console.log('err.response.data:',err.response.data)
+            // // console.log('err.response.data.code:', err.response.data.code)
+            // // console.log('err.response.data.message:', err.response.data.message)
+            // console.log('axios.isCancel(err):', axios.isCancel(err))
+            // console.log('Array.from(pendingPool.keys()):', Array.from(pendingPool.keys()))
+            // console.log('pendingPool:', pendingPool.keys())
+
+            if (!err) {
+                return Promise.reject(err)
+            }
+
+            if (err.response) {
+                err = handleError(err)
+                return Promise.reject(err)
+            }
+
+            // eg: 超时；断网；请求重复被取消；主动取消请求；
+            // 错误信息err传入isCancel方法，可以判断请求是否被取消
+            if (axios.isCancel(err)) {
+                throw new axios.Cancel(
+                    err.message || `请求'${request.config.url}'被取消`
+                )
+            } else if (err.stack && err.stack.includes('timeout')) {
+                err.message = '请求超时!'
+            } else {
+                err.message = '连接服务器失败!'
+            }
+
+            // showTip(err.message)
+            return Promise.reject(err)
+        }
+    )
+
+    // 移除全局的请求拦截器
+    function removeRequestInterceptor () {
+        request.interceptors.request.eject(requestInterceptorId)
+    }
+
+    // 移除全局的响应拦截器
+    function removeResponseInterceptor () {
+        request.interceptors.response.eject(responseInterceptorId)
+    }
+
+    /**
+     * 清除所有pending状态的请求
+     * @param {Array} whiteList 白名单，里面的请求不会被取消
+     * 返回值 被取消了的api请求
+     */
+    function clearPendingPool (whiteList = []) {
+        if (!pendingPool.size) {
+            return
+        }
+
+        // const pendingUrlList = [...pendingPool.keys()].filter((url) => !whiteList.includes(url))
+        const pendingUrlList = Array.from(pendingPool.keys()).filter(
+            url => !whiteList.includes(url)
+        )
+        if (!pendingUrlList.length) {
+            return
+        }
+
+        pendingUrlList.forEach((pendingUrl) => {
+            // 清除掉所有非全局的pending状态下的请求
+            if (!pendingPool.get(pendingUrl).global) {
+                pendingPool.get(pendingUrl).cancelFn()
+                pendingPool.delete(pendingUrl)
+            }
+        })
+
+        return pendingUrlList
+    }
+
+    request.removeRequestInterceptor = removeRequestInterceptor
+    request.removeResponseInterceptor = removeResponseInterceptor
+    request.clearPendingPool = clearPendingPool
+
+    inject('request', request)
+    inject('intactRequest', intactRequest)
+}
--- a/plugins/axios/index.js
+++ b/plugins/axios/index.js
+// eslint-disable-next-line
+/* eslint-disable */
+
+import axios from 'axios'
+import utils from 'axios/lib/utils'
+// import setConfig from '@/plugins/axios/axios.setConfig.js'
+import handleResponse from '@/plugins/axios/axios.handleResponse.js'
+import handleError from '@/plugins/axios/axios.handleError.js'
+
+const { Cancel } = axios
+const pendingPool = new Map()
+
+export default function (context, inject) {
+    const { $axios, $config, store, req } = context
+    const xRealIp = store.getters['x-real-ip']
+
+    const intactAxios = $axios.create({})
+    intactAxios.interceptors.request.use((config) => {
+        config.headers.common['x-real-ip'] = xRealIp
+        return config
+    })
+
+    const { APP_API_CONF } = $config
+    const appAxios = $axios.create({})
+    const appBaseURL = process.server
+        ? APP_API_CONF.API_LOCAL_URL || APP_API_CONF.BASE_URL
+        : APP_API_CONF.BASE_URL_BROWSER
+    appAxios.setBaseURL(appBaseURL)
+
+    appAxios.interceptors.request.use((config) => {
+        config.headers.common['x-real-ip'] = xRealIp
+        return config
+    })
+
+    /**
+     * 请求拦截
+     */
+    const requestInterceptorId = $axios.interceptors.request.use(
+        (config) => {
+            $axios.config = Object.assign({}, config)
+            // $axios.setHeader('x-real-ip', 11111)
+            config.headers.common['x-real-ip'] = xRealIp
+            config.cancelToken = new $axios.CancelToken((cancelFn) => {
+                pendingPool.has(config.url)
+                    ? cancelFn(`${config.url}请求重复`)
+                    : pendingPool.set(config.url, {
+                          cancelFn,
+                          global: config.global,
+                      })
+            })
+            return config
+        },
+        (err) => {
+            return Promise.reject(err)
+        }
+    )
+    /**
+     * 响应拦截
+     */
+    const responseInterceptorId = $axios.interceptors.response.use(
+        (response) => {
+            const { config } = response
+            pendingPool.delete(config.url)
+
+            return Promise.resolve(handleResponse(response))
+        },
+        // 对异常响应处理
+        (err) => {
+            const { config } = $axios
+            if (!$axios.isCancel(err)) pendingPool.delete(config.url)
+
+            if (!err) return Promise.reject(err)
+
+            if (err.response) {
+                err = handleError(err)
+            }
+            // 没有response(没有状态码)的情况
+            // eg: 超时；断网；请求重复被取消；主动取消请求；
+            else {
+                if ($axios.isCancel(err)) {
+                    throw new Cancel(
+                        err.message || `请求'${$axios.config.url}'被取消`
+                    )
+                } else if (err.stack && err.stack.includes('timeout')) {
+                    err.message = '请求超时!'
+                } else {
+                    err.message = '连接服务器失败!'
+                }
+            }
+
+            return Promise.reject(err)
+        }
+    )
+    // $axios.onError((error) => {
+    //     throw new Error('xxx1212')
+    //     // return {}
+    //     // return { error, data: {} }
+    // })
+
+    // 移除全局的请求拦截器
+    function removeRequestInterceptor() {
+        $axios.interceptors.request.eject(requestInterceptorId)
+    }
+
+    // 移除全局的响应拦截器
+    function removeResponseInterceptor() {
+        $axios.interceptors.response.eject(responseInterceptorId)
+    }
+
+    /**
+     * 清除所有pending状态的请求
+     * @param {Array} whiteList 白名单，里面的请求不会被取消
+     * 返回值 被取消了的api请求
+     */
+    function clearPendingPool(whiteList = []) {
+        if (!pendingPool.size) return
+
+        // const pendingUrlList = [...pendingPool.keys()].filter((url) => !whiteList.includes(url))
+        const pendingUrlList = Array.from(pendingPool.keys()).filter(
+            (url) => !whiteList.includes(url)
+        )
+        if (!pendingUrlList.length) return
+
+        pendingUrlList.forEach((pendingUrl) => {
+            // 清除掉所有非全局的pending状态下的请求
+            if (!pendingPool.get(pendingUrl).global) {
+                pendingPool.get(pendingUrl).cancelFn()
+                pendingPool.delete(pendingUrl)
+            }
+        })
+
+        return pendingUrlList
+    }
+
+    $axios.removeRequestInterceptor = removeRequestInterceptor
+    $axios.removeResponseInterceptor = removeResponseInterceptor
+    $axios.clearPendingPool = clearPendingPool
+
+    inject('intactAxios', intactAxios)
+    inject('appAxios', appAxios)
+}
--- a/plugins/element-ui.js
+++ b/plugins/element-ui.js
-import Vue from 'vue'
-import Element from 'element-ui'
-import locale from 'element-ui/lib/locale/lang/en'
-
-Vue.use(Element, { locale })
--- a/plugins/inject-api.js
+++ b/plugins/inject-api.js
+import apiMap from '@@/api/index.js'
+
+function injectRequest (apiObj, axios) {
+    const requestMap = {}
+    Object.keys(apiObj).forEach((alias) => {
+        const { method, url, config } = apiObj[alias]
+        // const method = apiObj[alias].method.toUpperCase()
+        const keyName = ['PUT', 'POST', 'PATCH'].includes(method.toUpperCase())
+            ? 'data'
+            : 'params'
+        requestMap[alias] = (dataOrParams = {}, instanceConf = {}) => {
+            return new Promise((resolve, reject) => {
+                axios({
+                    method,
+                    url,
+                    // [keyName]: methods === 'POST' ? qs.stringify(dataOrParams) : dataOrParams,
+                    [keyName]: dataOrParams,
+                    ...Object.assign(config || {}, instanceConf)
+                })
+                    .then(res => resolve(res.data))
+                    .catch(err => reject(err))
+            })
+        }
+    })
+    return requestMap
+}
+
+export default ({ $axios }, inject) => {
+    inject('api', injectRequest(apiMap, $axios))
+}
--- a/plugins/inject-demo.js
+++ b/plugins/inject-demo.js
+export default ({ app }, inject) => {
+    /**
+     * Inject $hello(msg) in Vue, context and store.
+     * mounted: this.$hello()
+     * asyncData: ctx.app.$hello()  ctx.$hello()
+     * vuex actions: this.$hello()
+     */
+    inject('fn', msg => console.log(`Hello ${msg || 'slevin'}!`))
+    inject('string', 'im a inject string')
+}
--- a/plugins/inject-utils.js
+++ b/plugins/inject-utils.js
+import utils from '@@/utils/utils.js'
+
+export default ({ app }, inject) => {
+    /**
+     * Inject $hello(msg) in Vue, context and store.
+     * mounted: this.$hello()
+     * asyncData: ctx.app.$hello()  ctx.$hello()
+     * vuex actions: this.$hello()
+     */
+    inject('utils', utils)
+}
--- a/plugins/nuxt-client-init.client.js
+++ b/plugins/nuxt-client-init.client.js
+export default async (context) => {
+    await context.store.dispatch('nuxtClientInit', context)
+}
--- a/plugins/vant-ui.js
+++ b/plugins/vant-ui.js
+import Vue from 'vue'
+
+import { Button, Swipe, SwipeItem, Lazyload, Dialog, Loading } from 'vant'
+Vue.use(Button)
+Vue.use(Swipe)
+Vue.use(SwipeItem)
+Vue.use(Lazyload, {
+    lazyComponent: true
+})
+
+Vue.use(Loading)
+
+Vue.use(Dialog)
--- a/plugins/vconsole.js
+++ b/plugins/vconsole.js
+import VConsole from 'vconsole'
+
+export default ({ $config }, inject) => {
+    return $config.ENV_MODE === 'pro' ? {} : new VConsole()
+}
--- a/plugins/vue-bus.js
+++ b/plugins/vue-bus.js
+import Vue from 'vue'
+import VueBus from 'vue-bus'
+
+// 全局注册vue-bus
+Vue.use(VueBus)
--- a/static/README.md
+++ b/static/README.md
-# STATIC
-
-**This directory is not required, you can delete it if you don't want to use it.**
-
-This directory contains your static files.
-Each file inside this directory is mapped to `/`.
-Thus you'd want to delete this README.md before deploying to production.
-
-Example: `/static/robots.txt` is mapped as `/robots.txt`.
-
-More information about the usage of this directory in [the documentation](https://nuxtjs.org/guide/assets#static).
--- a/static/favicon.ico
+++ b/static/favicon.ico
--- a/static/icon.png
+++ b/static/icon.png
--- a/static/scripts/flexible.js
+++ b/static/scripts/flexible.js
+;(function (win, lib) {
+    var doc = win.document
+    var docEl = doc.documentElement
+    var metaEl = doc.querySelector('meta[name="viewport"]')
+    var flexibleEl = doc.querySelector('meta[name="flexible"]')
+    var dpr = 0
+    var scale = 0
+    var tid
+    var flexible = lib.flexible || (lib.flexible = {})
+
+    if (metaEl) {
+        //console.warn('将根据已有的meta标签来设置缩放比例');
+        var match = metaEl
+            .getAttribute('content')
+            .match(/initial\-scale=([\d\.]+)/)
+        if (match) {
+            scale = parseFloat(match[1])
+            dpr = parseInt(1 / scale)
+        }
+    } else if (flexibleEl) {
+        var content = flexibleEl.getAttribute('content')
+        if (content) {
+            var initialDpr = content.match(/initial\-dpr=([\d\.]+)/)
+            var maximumDpr = content.match(/maximum\-dpr=([\d\.]+)/)
+            if (initialDpr) {
+                dpr = parseFloat(initialDpr[1])
+                scale = parseFloat((1 / dpr).toFixed(2))
+            }
+            if (maximumDpr) {
+                dpr = parseFloat(maximumDpr[1])
+                scale = parseFloat((1 / dpr).toFixed(2))
+            }
+        }
+    }
+
+    if (!dpr && !scale) {
+        var isAndroid = win.navigator.appVersion.match(/android/gi)
+        var isIPhone = win.navigator.appVersion.match(/iphone/gi)
+        var isPad = win.navigator.appVersion.match(/ipod|ipad/gi / gi)
+        var devicePixelRatio = win.devicePixelRatio
+        if (isIPhone) {
+            // iOS下，对于2和3的屏，用2倍的方案，其余的用1倍方案
+            if (devicePixelRatio >= 3 && (!dpr || dpr >= 3)) {
+                dpr = 3
+            } else if (devicePixelRatio >= 2 && (!dpr || dpr >= 2)) {
+                dpr = 2
+            } else {
+                dpr = 1
+            }
+        } else if (isPad) {
+            // iOS下，对于2和3的屏，用2倍的方案，其余的用1倍方案
+            if (devicePixelRatio >= 3 && (!dpr || dpr >= 3)) {
+                dpr = 3
+            } else if (devicePixelRatio >= 2 && (!dpr || dpr >= 2)) {
+                dpr = 2
+            } else {
+                dpr = 1
+            }
+        } else {
+            // 其他设备下，仍旧使用1倍的方案
+            dpr = 1
+        }
+        scale = 1 / dpr
+    }
+
+    docEl.setAttribute('data-dpr', dpr)
+    if (!metaEl) {
+        metaEl = doc.createElement('meta')
+        metaEl.setAttribute('name', 'viewport')
+        metaEl.setAttribute(
+            'content',
+            'initial-scale=' +
+                scale +
+                ', maximum-scale=' +
+                scale +
+                ', minimum-scale=' +
+                scale +
+                ', user-scalable=no'
+        )
+        if (docEl.firstElementChild) {
+            docEl.firstElementChild.appendChild(metaEl)
+        } else {
+            var wrap = doc.createElement('div')
+            wrap.appendChild(metaEl)
+            doc.write(wrap.innerHTML)
+        }
+    }
+
+    function refreshRem() {
+        var width = docEl.getBoundingClientRect().width
+        if (width / dpr > 540) {
+            width = 540 * dpr
+        }
+        var rem = width / 10
+        docEl.style.fontSize = rem + 'px'
+        flexible.rem = win.rem = rem
+    }
+
+    win.addEventListener(
+        'resize',
+        function () {
+            clearTimeout(tid)
+            tid = setTimeout(refreshRem, 300)
+        },
+        false
+    )
+    win.addEventListener(
+        'pageshow',
+        function (e) {
+            if (e.persisted) {
+                clearTimeout(tid)
+                tid = setTimeout(refreshRem, 300)
+            }
+        },
+        false
+    )
+
+    if (doc.readyState === 'complete') {
+        doc.body.style.fontSize = 12 * dpr + 'px'
+    } else {
+        doc.addEventListener(
+            'DOMContentLoaded',
+            function (e) {
+                doc.body.style.fontSize = 12 * dpr + 'px'
+            },
+            false
+        )
+    }
+
+    refreshRem()
+
+    flexible.dpr = win.dpr = dpr
+    flexible.refreshRem = refreshRem
+    flexible.rem2px = function (d) {
+        var val = parseFloat(d) * this.rem
+        if (typeof d === 'string' && d.match(/rem$/)) {
+            val += 'px'
+        }
+        return val
+    }
+    flexible.px2rem = function (d) {
+        var val = parseFloat(d) / this.rem
+        if (typeof d === 'string' && d.match(/px$/)) {
+            val += 'rem'
+        }
+        return val
+    }
+})(window, window['lib'] || (window['lib'] = {}))
--- a/store/README.md
+++ b/store/README.md
-# STORE
-
-**This directory is not required, you can delete it if you don't want to use it.**
-
-This directory contains your Vuex Store files.
-Vuex Store option is implemented in the Nuxt.js framework.
-
-Creating a file in this directory automatically activates the option in the framework.
-
-More information about the usage of this directory in [the documentation](https://nuxtjs.org/guide/vuex-store).
--- a/store/example.js
+++ b/store/example.js
+export const state = () => ({
+    list: [1, 2, 3]
+})
+
+export const getters = {
+    listReverse: state => state.list.slice().reverse()
+}
+
+export const mutations = {
+    pushList (state, payload) {
+        state.list.push(payload)
+    },
+
+    popList (state, payload) {
+        state.list.pop()
+    },
+
+    reverseList (state, payload) {
+        state.list = state.list.reverse()
+    }
+}
+
+export const actions = {}
--- a/store/index.js
+++ b/store/index.js
+export const state = () => ({
+    counter: 0,
+    lowerLetter: 'lower',
+    supportWebp: false, // 是否支持webp图片
+    userAgent: '', // userAgent信息
+    reqHeaders: {},
+    apiPrefix: ''
+})
+
+export const getters = {
+    lowerToUpper: (state) => {
+        return state.lowerLetter.toUpperCase()
+    },
+    'x-real-ip': state => state.reqHeaders['x-real-ip'] || 'xxxxx'
+}
+
+export const mutations = {
+    // 检查是否支持webp格式的图片
+    checkWebp (state) {
+        const { isIos } = this.$utils.judgeUserAgent(navigator.userAgent || '')
+        if (process.server || isIos) {
+            return
+        }
+
+        try {
+            const isWebp = this.$utils.checkWebpAvailable()
+            state.supportWebp = isWebp
+            // state.assetsDir = 'assets/imgWebp'
+            // state.webpSuffix = '.webp'
+            window.supportWebp = isWebp
+            document.cookie = `supportWebp=${isWebp}`
+            document.documentElement.className += 'webp-available'
+        } catch (error) {
+            console.log('error:', error)
+        }
+    },
+    setUserAgent (state, userAgent) {
+        state.userAgent = {
+            info: userAgent,
+            ...this.$utils.judgeUserAgent(userAgent)
+        }
+    },
+    saveRequestHeaders (state, payload) {
+        const { req } = payload
+        if (!req) {
+            return
+        }
+        state.reqHeaders = req.headers
+    },
+    /**
+     * 保存api前缀
+     */
+    setApiPrefix (state) {
+        try {
+            state.apiPrefix = this.$config.WEB_API_CONF.BASE_URL_BROWSER
+        } catch (error) {
+            console.log('error:', error)
+        }
+    }
+}
+
+export const actions = {
+    nuxtServerInit ({ commit }, context) {
+        console.log('server init====>:')
+        // 保存设备信息
+        const ua = process.server
+            ? context.req.headers['user-agent']
+            : navigator.userAgent
+        commit('setUserAgent', ua)
+
+        // 保存用户真实ip
+        commit('saveRequestHeaders', { req: context.req })
+
+        commit('setApiPrefix')
+
+        // if (req.session && req.session.authUser) {
+        //     commit('SET_USER', req.session.authUser)
+        // }
+    },
+    async nuxtClientInit (store, context) {
+        console.log('client init====>:')
+        // eslint-disable-next-line
+        const { getters, dispatch, commit } = store
+
+        await commit('checkWebp')
+    }
+}
--- a/utils/utils.js
+++ b/utils/utils.js
--- a/yarn.lock
+++ b/yarn.lock