Не удается получить данные с сервера.Axios, Vue.js, Весна

Question

Не удается получить данные с сервера.Axios, Vue.js

Мой контроллер:

@RestController
public class TestRestController {
    @Autowired
    private UserService userService;

    @RequestMapping(value = "/test", method = RequestMethod.GET)
    public ResponseEntity<List<User>> listAllUsers() {
        List<User> users = userService.findAllUsers();

        if (users.isEmpty()) {

            return new ResponseEntity<List<User>>(HttpStatus.NOT_FOUND);
        }

        return new ResponseEntity<List<User>>(users, HttpStatus.OK);
    }
}

My vue.script

<template>


  <p>Users {{users}}</p>


</template>

<script>
  import {AXIOS} from './http-common'

    export default {
      name: 'TestAxios',
        data() {
          return {
           users: []
          }
        },
      methods: {
        function() {
          var params = new URLSearchParams();

          AXIOS.get('/test', params)
            .then(response => {
              console.log(response.data);
              this.users = response.data;
              this.user.id = response.data;

            })
            .catch(error => {
              console.log(error)
            })
        }
        }
    }
</script>

Даже json не отвечает: ((Где ошибка, пожалуйста помогите!

И что мне нужно указать в шаблоне?

Но, к сожалению, данные не отображаются на html-странице