springboot前后端分离解决跨域问题

前言

涛哥就今天去写了一个springboot+layui的后台管理系统,发现两个问题

  1. layui跨域问题,在修改的时候明明后台已经修改成功刷新一下就可以但仍然提示你网络错误会让误会误以为没有更新成功,这就大大降低了用户的体验度
  2. layui必须在http协议下才能进行访问,解决方法用hbuilderx,webstorm进行运行即可

跨域问题

未修改之前的效果如下视频

console控制台出现的错误

edit.html:1 Access to XMLHttpRequest at 'http://localhost:8080/update' from origin 'http://127.0.0.1:8848' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

如何解决

方法

在对应的web接口controller上添加注解,如下显示

    @RequestMapping("/update")
    @ResponseBody
    @CrossOrigin
    public CommonResult update(Users users){
        System.out.println(users);
        return userService.update(users);
    }
}

 修改后的效果

上一篇 涛哥博客(*∩_∩*)欢迎你喔!
下一篇 如何将php代码封装成wp插件
距离活动开始
--
:
--
:
--
:
--
00 : 00 : 00
2026424星期五

今日时光

00 : 00 :00
已过 0 剩余 0
0%
目录
涛哥

涛哥管理员

一名95后Java全栈开发程序员,95后技术分享博主,致力于技术分享和个人项目创作

本月创作热力图