refactor: 移除后端跨域配置，由前端代理处理

- 移除 FileUploadController 的 @CrossOrigin 注解
- 恢复 WebMvcConfig 拦截器配置

backend/src/main/java/com/maternalmall/config/WebMvcConfig.java

@@ -20,10 +20,8 @@ public class WebMvcConfig implements WebMvcConfigurer {
 
     @Override
     public void addInterceptors(InterceptorRegistry registry) {
-        registry.addInterceptor(authInterceptor)
+        registry.addInterceptor(authInterceptor).addPathPatterns("/**")
-                .addPathPatterns("/**")
+                .excludePathPatterns("/uploads/**");
-                .excludePathPatterns("/uploads/**")
-                .excludePathPatterns("/api/upload/**");
     }
 
     @Override

backend/src/main/java/com/maternalmall/controller/FileUploadController.java

@@ -14,7 +14,6 @@ import java.util.UUID;
 
 @RestController
 @RequestMapping("/api")
-@CrossOrigin(origins = "*", allowedHeaders = "*", methods = {RequestMethod.GET, RequestMethod.POST, RequestMethod.PUT, RequestMethod.DELETE, RequestMethod.OPTIONS})
 public class FileUploadController {
 
     @Value("${app.upload-path:./uploads}")

frontend/src/api/http.js

@@ -1,7 +1,7 @@
 import axios from 'axios'
 
 const http = axios.create({
-  baseURL: 'http://localhost:8080',
+  baseURL: '/api',
   timeout: 10000
 })
 

frontend/src/views/admin/AdminBanners.vue

@@ -90,7 +90,7 @@ const banners = ref([])
 const bannerModalVisible = ref(false)
 const bannerForm = reactive({ id: null, imageUrl: '', linkUrl: '', sortNo: 1, enabled: true })
 
-const uploadAction = 'http://localhost:8080/api/upload/image'
+const uploadAction = '/api/upload/image'
 const uploadHeaders = computed(() => ({
   'X-Token': localStorage.getItem('token') || ''
 }))

frontend/src/views/admin/AdminProducts.vue

@@ -126,7 +126,7 @@ const merchantOptions = ref([])
 const productModalVisible = ref(false)
 const productForm = reactive({ id: null, name: '', category: '', description: '', price: 0, stock: 0, imageUrl: '', merchantId: null, approved: false })
 
-const uploadAction = 'http://localhost:8080/api/upload/image'
+const uploadAction = '/api/upload/image'
 const uploadHeaders = computed(() => ({
   'X-Token': localStorage.getItem('token') || ''
 }))

frontend/src/views/merchant/MerchantProducts.vue

@@ -110,7 +110,7 @@ const products = ref([])
 const productModalVisible = ref(false)
 const productForm = reactive({ id: null, name: '', category: '', description: '', price: 0, stock: 0, imageUrl: '', approved: false })
 
-const uploadAction = 'http://localhost:8080/api/upload/image'
+const uploadAction = '/api/upload/image'
 const uploadHeaders = computed(() => ({
   'X-Token': localStorage.getItem('token') || ''
 }))

frontend/vite.config.js

@@ -4,6 +4,18 @@ import vue from '@vitejs/plugin-vue'
 export default defineConfig({
   plugins: [vue()],
   server: {
-    port: 5173
+    port: 5173,
+    proxy: {
+      '/api': {
+        target: 'http://localhost:8080',
+        changeOrigin: true,
+        secure: false
+      },
+      '/uploads': {
+        target: 'http://localhost:8080',
+        changeOrigin: true,
+        secure: false
+      }
+    }
   }
 })