目录

springboot后端和vue前端项目使用axios传值通信

springboot后端和vue前端项目使用axios传值通信

前后端通信

方法一:使用@RequestBody注解

后端

    @PostMapping("/login")
    public void login(@RequestBody User InUser) {
        System.out.println(InUser.getAccount());
        System.out.println(InUser.getPassword());

    }

这里 User 类必须自己建好

https://i-blog.csdnimg.cn/blog_migrate/b736e92e3c869f59a3d719750d6974f8.png

https://i-blog.csdnimg.cn/blog_migrate/73cd05c62230eab9891045f72ad62c2f.png

前端 axios

https://i-blog.csdnimg.cn/blog_migrate/f6d794aeda5334f46d67e849b7e52330.png

方法二:使用@RequestParam 注解

后端

 @RequestMapping("/login")
public void test1(@RequestParam("account") String account,@RequestParam("password") String password) {
System.out.println(account);
System.out.println(password);
}

https://i-blog.csdnimg.cn/blog_migrate/306d4c79d4ebb79c3733e20781585345.png

前端

https://i-blog.csdnimg.cn/blog_migrate/aaabed33c0b10887c50a8b5424f4e29c.png

结果

https://i-blog.csdnimg.cn/blog_migrate/38814498d91a2808605ac0fc03c2a156.png

https://i-blog.csdnimg.cn/blog_migrate/8364fda6791211667e67f228a0a83965.png