增加上传的动态路径方法 增加用户录入功能 修复了切换账号必须刷新才能改变菜单的bug

QMPlusVuePage/src/view/example/excel/excel.vue

@@ -1,48 +1,69 @@
 <template>
-    <div>
-        <el-upload
-                class="upload-demo"
-                :headers="{'x-token':token}"
-                action="/api/fileUploadAndDownload/upload"
-                :on-preview="handlePreview"
-                :on-remove="handleRemove"
-                :before-remove="beforeRemove"
-                multiple
-                :limit="10"
-                :on-exceed="handleExceed"
-                :file-list="fileList">
-            <el-button size="small" type="primary">点击上传</el-button>
-            <div slot="tip" class="el-upload__tip">未对文件格式及大小做校验</div>
-        </el-upload>
-        </el-upload>
-    </div>
+  <div>
+    <el-upload
+      :action="`${path}/fileUploadAndDownload/upload`"
+      :before-remove="beforeRemove"
+      :file-list="fileList"
+      :headers="{'x-token':token}"
+      :limit="10"
+      :on-exceed="handleExceed"
+      :on-preview="handlePreview"
+      :on-remove="handleRemove"
+      class="upload-demo"
+      multiple
+    >
+      <el-button size="small" type="primary">点击上传</el-button>
+      <div class="el-upload__tip" slot="tip">未对文件格式及大小做校验</div>
+    </el-upload>
+  </div>
 </template>
 <script>
-    import { mapGetters } from 'vuex'
+import { mapGetters } from 'vuex'
+const path = process.env.VUE_APP_BASE_API
 export default {
-    name:'Excel',
-    data() {
-        return {
-            fileList: [{name: 'food.jpeg', url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100'}, {name: 'food2.jpeg', url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100'}]
-        };
+  name: 'Excel',
+  data() {
+    return {
+      path: path,
 
-    },
-    computed: {
-       ...mapGetters('user', ['userInfo', 'token'])
-    },
-    methods: {
-        handleRemove(file, fileList) {
-            console.log(file, fileList);
+      fileList: [
+        {
+          name: 'food.jpeg',
+          url:
+            'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100'
         },
-        handlePreview(file) {
-            console.log(file);
-        },
-        handleExceed(files, fileList) {
-            this.$message.warning(`当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`);
-        },
-        beforeRemove(file, fileList) {
-            return this.$confirm(`确定移除 ${ file.name }？`);
+        {
+          name: 'food2.jpeg',
+          url:
+            'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100'
         }
+      ]
     }
+  },
+  computed: {
+    ...mapGetters('user', ['userInfo', 'token'])
+  },
+  methods: {
+    handleRemove(file, fileList) {
+      this.$message.warning(
+        `共有 ${fileList.length} 个文件，移除了${file.name}`
+      )
+    },
+    handlePreview(file) {
+      this.$message.warning(`${file.name}选择完成`)
+    },
+    handleExceed(files, fileList) {
+      this.$message.warning(
+        `当前限制选择 3 个文件，本次选择了 ${
+          files.length
+        } 个文件，共选择了 ${files.length + fileList.length} 个文件`
+      )
+    },
+    beforeRemove(file, fileList) {
+      return this.$confirm(
+        `共有 ${fileList.length} 个文件，确定移除 ${file.name}？`
+      )
+    }
+  }
 }
 </script>

QMPlusVuePage/src/view/example/upload/upload.vue

@@ -1,12 +1,12 @@
 <template>
   <div>
     <el-upload
+      :action="`${path}/fileUploadAndDownload/upload`"
       :before-upload="checkFile"
       :headers="{'x-token':token}"
       :on-error="uploadError"
       :on-success="uploadSuccess"
       :show-file-list="false"
-      action="/api/fileUploadAndDownload/upload"
     >
       <el-button size="small" type="primary">点击上传</el-button>
       <div class="el-upload__tip" slot="tip">只能上传jpg/png文件，且不超过500kb</div>
@@ -53,6 +53,7 @@
 </template>
    
 <script>
+const path = process.env.VUE_APP_BASE_API
 import { mapGetters } from 'vuex'
 import infoList from '@/components/mixins/infoList'
 import { getFileList, deleteFile } from '@/api/fileUploadAndDownload'
@@ -65,6 +66,7 @@ export default {
     return {
       listApi: getFileList,
       listKey: 'list',
+      path: path,
       tableData: [
         {
           UpdatedAt: '2019-10-25',
@@ -96,7 +98,7 @@ export default {
   },
   methods: {
     async deleteFile(row) {
-      this.$confirm('此操作将永久删除所有角色下该菜单, 是否继续?', '提示', {
+      this.$confirm('此操作将永久文件, 是否继续?', '提示', {
         confirmButtonText: '确定',
         cancelButtonText: '取消',
         type: 'warning'