在LayUI图片上传中,解决由跨域问题引起的请求接口错误的方法
在ssm框架整合中,使用layui作为前端页面,拖拽图片上传,填写接口后,后台能够成功接收到数据,但由于页面资源和后台访问地址的不一致(即使域名一致但端口不一致)引起跨域问题,导致接收资源后在前端无法接收到后台返回的数据。
前台页面:
<html> <head> <meta charset="UTF-8"> <title>校园网络打印</title> <link rel="stylesheet" type="text/css" href="css/layui.css" rel="external nofollow" /> </head> <body bgcolor="#F0F0FF"> <div class='layui-upload-drag' id='test10'> <i class='layui-icon'></i>" <p>点击上传,或将文件拖拽到此处</p> </div> </body> <script src="/UploadFiles/2021-04-02/layui.all.js">后台代码如下:
@Controller @RequestMapping("/file") public class FileController { @RequestMapping(value="/picture",method= {RequestMethod.POST}) @ResponseBody public String upLoad(MultipartFile file,HttpServletResponse response) { response.addHeader("Access-Control-Allow-Origin", "*");//解决跨域问题的方法之一,但有弊端 System.out.println(file.getName()); System.out.println(file.getSize()); return "{\"code\":\"0\",\"msg\":\"1\",\"data\":\"111\"}"; } }解决思路:解决跨域问题的方法适用。
以上这篇在LayUI图片上传中,解决由跨域问题引起的请求接口错误的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
最新资源
- 【中国民乐】张维良《秋江夜泊》2004[FLAC+CUE]
- 明达年度发烧碟MasterSuperiorAudiophile2011[D
- 明达年度发烧碟MasterSuperiorAudiophile2017[D
- 翁立友.2008-恨孤单【大旗】【WAV+CUE】
- 群星.2009-Magic.Cover日粤精华3CD【环球】【WA
- 华少翌.2005-华少翌【中唱艺能】【WAV+CUE】
- 群星《十二女声Ⅱ》[WAV/CUE/分轨][527MB]
- 大自然音乐系列《漫步在山裡》[WAV/CUE/分轨][5
- 大自然音乐系列《星光夜语》[WAV/CUE/分轨][453
- 史依弘《史依弘交响乐京剧演唱专辑HQ》头版限量