初始化

.env.development

@@ -1,6 +1,13 @@
-
 # 页面标题
 VUE_APP_TITLE =互联网医院管理系统
+# 公司名称
+COMPANY_NAME =重庆云联融智科技有限公司
+# ICP备案号
+ICP_RECORD =蜀ICP备2023036719号
+# ICP网站访问地址
+ICP_URL =https://beian.miit.gov.cn
+# 网站LOG
+VUE_APP_LOG_URL =@/assets/logo/crm.png
 
 # 开发环境配置
 ENV = 'development'

.env.prod-jz

@@ -0,0 +1,11 @@
+# 页面标题
+VUE_APP_TITLE =互联网医院管理系统
+COMPANY_NAME =重庆云联融智科技有限公司
+ICP_RECORD =蜀ICP备2023036719号
+ICP_URL =https://beian.miit.gov.cn
+
+# 生产环境配置
+ENV = 'production'
+
+#FS管理系统/生产环境
+VUE_APP_BASE_API = '/prod-api'

.env.production

@@ -1,5 +1,8 @@
 # 页面标题
 VUE_APP_TITLE =互联网医院管理系统
+COMPANY_NAME =重庆云联融智科技有限公司
+ICP_RECORD =蜀ICP备2023036719号
+ICP_URL =https://beian.miit.gov.cn
 
 # 生产环境配置
 ENV = 'production'

package.json

@@ -8,6 +8,7 @@
     "dev": "vue-cli-service serve",
     "build:prod": "vue-cli-service build",
     "build:stage": "vue-cli-service build --mode staging",
+    "build:prod-jz": "vue-cli-service build --mode prod-jz",
     "preview": "node build/index.js --preview",
     "lint": "eslint --ext .js,.vue src",
     "test:unit": "jest --clearCache && vue-cli-service test:unit",

src/config/settings-log.js

@@ -0,0 +1,3 @@
+export default {
+  logo: require(process.env.LOG_URL), // 直接引用 assets 图片
+};

src/layout/components/Navbar.vue

@@ -30,7 +30,7 @@
 
       <el-dropdown class="avatar-container right-menu-item hover-effect" trigger="click">
         <div class="avatar-wrapper">
-          <img :src="avatar" class="user-avatar">
+          <img :src="logImg" class="user-avatar">
           <i class="el-icon-caret-bottom" />
         </div>
         <el-dropdown-menu slot="dropdown">

src/layout/components/Sidebar/Logo.vue

@@ -2,7 +2,7 @@
   <div class="sidebar-logo-container" :class="{'collapse':collapse}">
     <transition name="sidebarLogoFade">
       <router-link v-if="collapse" key="collapse" class="sidebar-logo-link" to="/">
-        <img v-if="logo" :src="logo" class="sidebar-logo">
+        <img v-if="logImg" :src="logImg" class="sidebar-logo">
         <h1 v-else class="sidebar-title">{{ title }} </h1>
       </router-link>
       <router-link v-else key="expand" class="sidebar-logo-link" to="/">
@@ -26,8 +26,7 @@ export default {
   },
   data() {
     return {
-      title: '互联网医院销售管理',
-      logo: logoImg
+      title: process.env.VUE_APP_TITLE
     }
   }
 }

src/main.js

@@ -59,6 +59,8 @@ Vue.prototype.qwIm = qwIm
 
 Vue.prototype.getDicts = getDicts
 Vue.prototype.getConfigKey = getConfigKey
+// 全局配置
+Vue.prototype.logImg = require(process.env.VUE_APP_LOG_URL)
 
 Vue.prototype.parseTime = parseTime
 Vue.prototype.transformDateFormat = dateFormat

src/settings.js

@@ -1,8 +1,6 @@
+const title = process.env.VUE_APP_TITLE;
 module.exports = {
-  title: '互联网医院销售管理平台',
-
-
-
+  title,
   /**
    * 是否系统布局配置
    */

src/views/company/companyUser/profile/index.vue

@@ -7,9 +7,9 @@
             <span>个人信息</span>
           </div>
           <div>
-            <div class="text-center">
-              <userAvatar :user="user" />
-            </div>
+<!--            <div class="text-center">-->
+<!--              <userAvatar :user="user" />-->
+<!--            </div>-->
             <ul class="list-group list-group-striped">
               <li class="list-group-item">
                 <svg-icon icon-class="user" />用户名称

src/views/login.vue

@@ -5,7 +5,7 @@
         <img src="../assets/image/login_left.png" alt="">
       </div>
       <el-form ref="loginForm" :model="loginForm" :rules="loginRules" class="login-form">
-        <h3 class="title">互联网医院销售管理系统</h3>
+        <h3 class="title">{{vueAppTitle}}</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" />
@@ -53,8 +53,8 @@
     </div>
     <!--  底部  -->
     <div class="el-login-footer">
-      <span>弘珍医药医药有限公司 </span>
-      <a href="https://beian.miit.gov.cn" target="_bank">蜀ICP备2023036719号-2</a>
+      <span>{{companyName}}</span>
+      <a :href="icpUrl" target="_bank">{{icpRecord}}</a>
     </div>
   </div>
 </template>
@@ -69,6 +69,10 @@ export default {
   data() {
     return {
       codeUrl: "",
+      vueAppTitle: process.env.VUE_APP_TITLE,
+      companyName: process.env.COMPANY_NAME,
+      icpRecord: process.env.ICP_RECORD,
+      icpUrl: process.env.ICP_URL,
       cookiePassword: "",
       loginForm: {
         username: "",

vue.config.js

@@ -56,24 +56,18 @@ module.exports = {
     },
     disableHostCheck: true
   },
-  configureWebpack: {
-    name: name,
-    resolve: {
+  configureWebpack: config => { //压缩JS大小
+    // 第一部分配置（对象形式转函数操作）
+    config.name = name;
+    config.resolve = {
+      ...config.resolve,
       alias: {
+        ...(config.resolve.alias || {}),
         '@': resolve('src'),
         'styles': resolve("src/components/LemonUI/styles")
       }
-    }
-  },
-  configureWebpack: config => { //压缩JS大小
+    };
     if (process.env.NODE_ENV === 'production') {
-      //  配置productionGzip-高级的方式
-      // 配置参数详解
-      // asset： 目标资源名称。 [file] 会被替换成原始资源。[path] 会被替换成原始资源的路径， [query] 会被替换成查询字符串。默认值是 "[path].gz[query]"。
-      // algorithm： 可以是 function(buf, callback) 或者字符串。对于字符串来说依照 zlib 的算法(或者 zopfli 的算法)。默认值是 "gzip"。
-      // test： 所有匹配该正则的资源都会被处理。默认值是全部资源。
-      // threshold： 只有大小大于该值的资源会被处理。单位是 bytes。默认值是 0。
-      // minRatio： 只有压缩率小于这个值的资源才会被处理。默认值是 0.8。
       config.plugins.push(
         new CompressionWebpackPlugin({
           // filename: '[path].gz[query]',