Update: 修改部分代码

wj-vue/src/components/library/ImgUpload.vue

 <template>
   <el-upload
     class="img-upload"
-    action="https://jsonplaceholder.typicode.com/posts/"
+    action="http://localhost:8443/api/covers"
     :on-preview="handlePreview"
     :on-remove="handleRemove"
     :before-remove="beforeRemove"
+    :on-success="handleSuccess"
     multiple
-    :limit="3"
+    :limit="1"
     :on-exceed="handleExceed"
     :file-list="fileList">
     <el-button size="small" type="primary">点击上传</el-button>
@@ -19,7 +20,7 @@
     name: 'ImgUpload',
     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'}]
+        fileList: []
       }
     },
     methods: {
@@ -30,10 +31,13 @@
         console.log(file)
       },
       handleExceed (files, fileList) {
-        this.$message.warning(`当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`)
+        this.$message.warning(`当前限制选择 1 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`)
       },
       beforeRemove (file, fileList) {
         return this.$confirm(`确定移除 ${file.name}？`)
+      },
+      handleSuccess () {
+        this.$message.warning('上传成功')
       }
     }
   }
@@ -41,6 +45,6 @@
 
 <style scoped>
   .img-upload {
-    height: 200px;
+    /*height: 200px;*/
   }
 </style>

wj-vue/src/components/library/LibraryIndex.vue

@@ -6,7 +6,6 @@
     <el-main>
       <el-row>
         <books class="books-area" ref="booksArea"></books>
-        <img-upload></img-upload>
       </el-row>
     </el-main>
   </el-container>

wj/src/main/java/com/gm/wj/config/MyWebConfigurer.java

@@ -22,14 +22,14 @@ public class MyWebConfigurer implements WebMvcConfigurer {
         registry.addInterceptor(getLoginIntercepter()).addPathPatterns("/**").excludePathPatterns("/index.html");
     }
 
-//    @Override
-//    public void addCorsMappings(CorsRegistry registry) {
-//        //所有请求都允许跨域
-//        registry.addMapping("/**")
-//                .allowedOrigins("*")
-//                .allowedMethods("*")
-//                .allowedHeaders("*");
-//    }
+    @Override
+    public void addCorsMappings(CorsRegistry registry) {
+        //所有请求都允许跨域
+        registry.addMapping("/**")
+                .allowedOrigins("*")
+                .allowedMethods("*")
+                .allowedHeaders("*");
+    }
 
 
 }

wj/src/main/java/com/gm/wj/controller/LibraryController.java

@@ -6,6 +6,8 @@ import com.gm.wj.service.BookService;
 import org.springframework.beans.factory.annotation.Autowired;
 import org.springframework.web.bind.annotation.*;
 
+import javax.servlet.http.HttpServletRequest;
+import java.io.File;
 import java.util.List;
 
 @RestController
@@ -13,28 +15,24 @@ public class LibraryController {
     @Autowired
     BookService bookService;
 
-    @CrossOrigin
-    @GetMapping(value = "/api/books")
+    @GetMapping("/api/books")
     public List<Book> list() throws Exception {
         return bookService.list();
     }
 
-    @CrossOrigin
-    @PostMapping(value = "/api/books")
+    @PostMapping("/api/books")
     public Book addOrUpdate(@RequestBody Book book) throws Exception {
         System.out.println(book.getCategory());
         bookService.addOrUpdate(book);
         return book;
     }
 
-    @CrossOrigin
-    @PostMapping(value = "/api/delete")
+    @PostMapping("/api/delete")
     public void delete(@RequestBody Book book) throws Exception {
         bookService.deleteById(book.getId());
     }
 
-    @CrossOrigin
-    @PostMapping(value = "/api/search")
+    @PostMapping("/api/search")
     public List<Book> searchResult(@RequestBody Search s) throws Exception {
         if ("".equals(s.getKeywords())) {
             return bookService.list();
@@ -43,9 +41,8 @@ public class LibraryController {
         }
     }
 
-    @CrossOrigin
     @GetMapping("/api/categories/{cid}/books")
-    public List<Book> listByCategory (@PathVariable("cid")int cid) throws Exception {
+    public List<Book> listByCategory(@PathVariable("cid")int cid) throws Exception {
         if (0 != cid) {
             return bookService.listByCategory(cid);
         } else {
@@ -53,4 +50,9 @@ public class LibraryController {
         }
     }
 
+    @PostMapping("api/covers")
+    public String coversUpload(HttpServletRequest request) throws Exception {
+        return "aha";
+    }
+
 }