前后端分离项目前端上传文件到后端被拒绝

最新推荐文章于 2023-12-06 10:48:43 发布

原创最新推荐文章于 2023-12-06 10:48:43 发布 · 394 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #vue.js #javascript

在Vue项目中遇到跨域问题，尽管已在前端配置了相关设置，但仍然无法解决。文章提供了一个后端接口的示例，通过在后端添加@CrossOrigin注解，指定允许的来源（前端端口），如http://localhost:8081，以实现文件上传的跨域功能。

提示如下错误

Access to XMLHttpRequest at ‘http://localhost:8082/admin/login‘ from origin ‘htt

在vue项目当中已经设置了相关的跨域文件，但是还是不行，这里直接在后端接口设置一下就可以进行文件的上传了

 /* 
   @author SisyphusTang
   @since 2023-03-18
 */
    @PostMapping("/import")
    //允许跨域 value当中为跨域的值（前端端口）
@CrossOrigin(value="http://localhost:8081")
    public Boolean imp(MultipartFile file) throws Exception {
    //some methods here...    
}