好资源导航 » 文章资讯 » 在LayUI图片上传中,解决由跨域问题引起的请求接口错误的方法

在LayUI图片上传中,解决由跨域问题引起的请求接口错误的方法

2023-08-13 17:40:06 69

在LayUI图片上传中,解决由跨域问题引起的请求接口错误的方法

在ssm框架整合中，使用layui作为前端页面，拖拽图片上传，填写接口后，后台能够成功接收到数据，但由于页面资源和后台访问地址的不一致（即使域名一致但端口不一致）引起跨域问题，导致接收资源后在前端无法接收到后台返回的数据。

前台页面：


	
		
		校园网络打印
		
	


v"
点击上传，或将文件拖拽到此处

$(function(){ layui.use('upload',function(){ var$=layui.jquery; upload=layui.upload; //拖拽上传 upload.render({ elem:'#test10', url:'http://127.0.0.1:8088/file/picture', choose:function(obj){ alert(11111); }, done:function(res){ alert(res.code); } }); });

后台代码如下：

@Controller
@RequestMapping("/file")
publicclassFileController{

@RequestMapping(value="/picture",method={RequestMethod.POST})
@ResponseBody
publicStringupLoad(MultipartFilefile,HttpServletResponseresponse){
response.addHeader("Access-Control-Allow-Origin","*");//解决跨域问题的方法之一，但有弊端
System.out.println(file.getName());
System.out.println(file.getSize());
return"{\"code\":\"0\",\"msg\":\"1\",\"data\":\"111\"}";
}
}

解决思路：解决跨域问题的方法适用。

以上这篇在LayUI图片上传中,解决由跨域问题引起的请求接口错误的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持毛票票。

返回顶部
514930285
czq8825@qq.com

在LayUI图片上传中,解决由跨域问题引起的请求接口错误的方法

热门推荐

随机推荐