增加图片基础地址不同环境的环境变量，解决组件目录下新增index.js文件引起的页面报错,优化

.env.development

@@ -3,3 +3,6 @@ ENV = 'development'
 
 # base api
 VUE_APP_BASE_API = '/api'
+
+# base imgurl
+VUE_APP_IMG_URL = 'http://192.168.0.100'

.env.production

@@ -4,3 +4,5 @@ ENV = 'production'
 # base api
 VUE_APP_BASE_API = '/prod-api'
 
+# base imgurl
+VUE_APP_IMG_URL = 'https://dev.filesite.io'

src/App.vue

@@ -5,6 +5,7 @@
 </template>
 
 <script>
+
 export default {
   name: 'App'
 }

src/router/index.js

@@ -69,7 +69,7 @@ export const constantRoutes = [
             {
                 path: 'subfile',
                 name: 'Subfile',
-                component: () => import('@/views/subfile/index'),
+                component: () => import('@/views/subfile/index.vue'),
                 meta: { title: '子文件', icon: 'dashboard' }
             }
         ]

src/styles/sidebar.scss

@@ -33,6 +33,8 @@
       overflow-x: hidden !important;
     }
 
+    .el-scrollbar__view{padding-bottom:92px;}
+
     .el-scrollbar__bar.is-vertical {
       right: 0px;
     }

src/utils/request.js

@@ -7,7 +7,10 @@ import axios from 'axios'
 const service = axios.create({
   //baseURL: process.env.VUE_APP_BASE_API, // url = base url + request url
   // withCredentials: true, // send cookies when cross-domain requests
-    headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
+    //headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
+    headers: {
+        'Content-Type': 'multipart/form-data'
+    },
     // headers: { 'Content-Type': 'multipart/form-data' },
     // headers: {
     //     'Content-Type': 'application/x-www-form-urlencoded'

src/views/subfile/index.vue

@@ -101,7 +101,8 @@
                     label="图片"
                     width="auto">
                         <template slot-scope="scope">
-                            <img :src="'http://192.168.0.100/'+scope.row.image" alt="图片"/>
+                            <!-- <img :src="'http://192.168.0.100/'+scope.row.image" alt="图片"/> -->
+                            <img :src="imgurl+scope.row.image" alt="图片"/>
                         </template>
                         
                     </el-table-column>
@@ -222,10 +223,13 @@ export default {
     // 实例还没挂载
   created() {
     this.getFileData();
+    console.log(this.imgurl);
   },
 
     // 实例已经挂载
-
+    // mounted () {
+    //     console.log(this.imgurl);
+    // },
 
   filters: {
 
@@ -262,6 +266,7 @@ export default {
         // },
         // value2: '',
 
+        imgurl:process.env.VUE_APP_IMG_URL,
         //haveRealpath: 0,
         // 当前目录文件数据
         tableData: [],

src/views/systme/switchtheme.vue

@@ -21,9 +21,10 @@
 </template>
 
 <script>
-
+//console.log(process.env.VUE_APP_BASE_API);
 import { switchthemeApi} from '@/api/user'
 export default {
+    
     data() {
         return {
             options: [{