配置文件

config/dev.env.js

@@ -1,8 +1,9 @@
 'use strict'
 const merge = require('webpack-merge')
 const prodEnv = require('./prod.env')
+const testEnv = require('./test.env')
 
-module.exports = merge(prodEnv, {
+module.exports = merge(prodEnv, testEnv, {
   NODE_ENV: '"development"',
   BASE_API: '"http://localhost:8000"',
   // BASE_API: '"http://139.224.54.200:8888"'

config/prod.env.js

@@ -3,5 +3,6 @@ module.exports = {
   NODE_ENV: '"production"',
   //  BASE_API: '"http://139.224.54.200:8000"',
   BASE_API: '"http://139.224.54.200:8888"',
+  NAME: '"生产"'
   // BASE_API: '"http://139.224.57.82:8015"'
 }

config/test.env.js

@@ -3,5 +3,6 @@ module.exports = {
   NODE_ENV: '"production"',
   //  BASE_API: '"http://139.224.54.200:8000"',
   // BASE_API: '"http://139.224.54.200:8888"',
-  BASE_API: '"http://139.224.57.82:8015"'
+  BASE_API: '"http://139.224.57.82:8015"',
+  NAME: '"测试"'
 }

src/store/getters.js

@@ -12,6 +12,7 @@ const getters = {
   socketApi: state => state.api.socketApi,
   imagesUploadApi: state => state.api.imagesUploadApi,
   baseApi: state => state.api.baseApi,
+  name: state => state.api.name,
   fileUploadApi: state => state.api.fileUploadApi,
   updateAvatarApi: state => state.api.updateAvatarApi,
   qiNiuUploadApi: state => state.api.qiNiuUploadApi,

src/store/modules/api.js

@@ -1,4 +1,5 @@
 const baseUrl = process.env.BASE_API
+const name = process.env.NAME
 const api = {
   state: {
     // 实时控制台
@@ -16,7 +17,8 @@ const api = {
     // 文件上传
     fileUploadApi: baseUrl + '/api/localStorage',
     // baseUrl，
-    baseApi: baseUrl
+    baseApi: baseUrl,
+    name: name
   }
 }
 

src/views/login.vue

@@ -1,19 +1,22 @@
 <template>
   <div class="login">
-    <el-form ref="loginForm" :model="loginForm" :rules="loginRules" label-position="left" label-width="0px" class="login-form">
+    <el-form ref="loginForm" :model="loginForm" :rules="loginRules" label-position="left" label-width="0px"
-      <h3 class="title">襄岳科技</h3>
+      class="login-form">
+      <h3 class="title">襄岳科技-{{ name }}</h3>
       <el-form-item prop="username">
         <el-input v-model="loginForm.username" type="text" auto-complete="off" placeholder="账号">
           <svg-icon slot="prefix" icon-class="user" class="el-input__icon input-icon" />
         </el-input>
       </el-form-item>
       <el-form-item prop="password">
-        <el-input v-model="loginForm.password" type="password" auto-complete="off" placeholder="密码" @keyup.enter.native="handleLogin">
+        <el-input v-model="loginForm.password" type="password" auto-complete="off" placeholder="密码"
+          @keyup.enter.native="handleLogin">
           <svg-icon slot="prefix" icon-class="password" class="el-input__icon input-icon" />
         </el-input>
       </el-form-item>
       <el-form-item prop="code">
-        <el-input v-model="loginForm.code" auto-complete="off" placeholder="验证码" style="width: 63%" @keyup.enter.native="handleLogin">
+        <el-input v-model="loginForm.code" auto-complete="off" placeholder="验证码" style="width: 63%"
+          @keyup.enter.native="handleLogin">
           <svg-icon slot="prefix" icon-class="validCode" class="el-input__icon input-icon" />
         </el-input>
         <div class="login-code">
@@ -22,7 +25,8 @@
       </el-form-item>
       <!-- <el-checkbox v-model="loginForm.rememberMe" style="margin:0px 0px 25px 0px;">记住我</el-checkbox> -->
       <el-form-item style="width:100%;">
-        <el-button :loading="loading" size="medium" type="primary" style="width:100%;" @click.native.prevent="handleLogin">
+        <el-button :loading="loading" size="medium" type="primary" style="width:100%;"
+          @click.native.prevent="handleLogin">
           <span v-if="!loading">登 录</span>
           <span v-else>登 录 中...</span>
         </el-button>
@@ -40,8 +44,10 @@
 <script>
 import { encrypt } from '@/utils/rsaEncrypt'
 import Config from '@/config'
+import { mapGetters } from "vuex";
 import { getCodeImg } from '@/api/login'
 import Cookies from 'js-cookie'
+
 export default {
   name: 'Login',
   data() {
@@ -76,6 +82,11 @@ export default {
     this.getCode()
     this.getCookie()
   },
+  computed: {
+    ...mapGetters([
+      'name'
+    ])
+  },
   methods: {
     getCode() {
       getCodeImg().then(res => {
@@ -148,6 +159,7 @@ export default {
   background-image: url("../assets/imgs/login_bg.jpg");
   background-size: cover;
 }
+
 .title {
   margin: 0px auto 30px auto;
   text-align: center;
@@ -159,26 +171,34 @@ export default {
   background: #ffffff;
   width: 385px;
   padding: 25px 25px 5px 25px;
+
   .el-input {
     height: 38px;
+
     input {
       height: 38px;
     }
   }
+
   .input-icon {
-      height: 39px;width: 14px;margin-left: 2px;
+    height: 39px;
+    width: 14px;
+    margin-left: 2px;
   }
 }
+
 .login-tip {
   font-size: 13px;
   text-align: center;
   color: #bfbfbf;
 }
+
 .login-code {
   width: 33%;
   display: inline-block;
   height: 38px;
   float: right;
+
   img {
     cursor: pointer;
     vertical-align: middle