Vue发送get,post请求

注意vue有个跨域的槽点,需要在controler层加上 @CrossOrigin这个注解

下边是data数据

 data() {
      return {
        input: '',
        //       音樂線路0,1          音樂平台0,1,2   搜索框內容
  //这里封装的是数据
        ||
        \/
        radio: {radiothred: '0', radioplatform: '0' ,input3: ''},
        select: '',
      }
    }

注意VUE发送post请求时,contenttype是 Content-Type:
application/json;charset=UTF-8这种格式的,注意后端用@requestbody接受参数,可以封装为一个bean,也可以简单的封装成map

 methods: {
      see() {
      						         	//    这里封装的是数据
      						         				||
      						         				\/
        this.$http.post("http://localhost/test",this.radio).then((res) => {
          alert(res);
        });
      }

后端代码

@CrossOrigin
@RestController
public class MusicControler {
    @PostMapping("/test")
    public  void test1(@RequestBody Map data) {
        System.out.println(data);
        System.out.println("測試訪問成功啦沒?");
    }
}