Запрос базы данных MySQL из пользовательского ввода

Question

Я работаю над веб-приложением VueJS, в котором мне нужно запросить базу данных имен людей на основе пользовательского ввода.

---

В моем файле server.js у меня есть конечная точка API, которую я хочу запросить, и она размещена на localhost: 4000

//Staff
app.get('/staff', (req,res) => {
    connection.query(SELECT_CERTAIN_STAFF, (error,results) => {
        if(error){
            return res.send(error)
        }
        else {
            console.log('Selected STAFF from People')
            return res.json({             
                data: results
            })
        }
    })

})

---

В моем Search.vue это мой метод поиска

  //Data
  data(){
    return {
      input: '',
      errors: ''
    }
  },

  //Methods
  methods:{
    search(keyboard){
      console.log(this.input)
      axios.get('http://localhost:4000/staff?username='+this.input)
      .then(response => {
        console.log(JSON.stringify(response.data.data))
      })
      .catch(error => {
        console.log(error)
        this.errors = error
      })
      console.log(keyboard.value)
    }
  },

Я добавил console.log (this.input) + console.log (keyboard.value), чтобы проверить правильность ввода данных, получаемых от пользователя (

)

В моем ответе console.log (JSON.stringify (response.data.data)) просто возвращает данные в конечную точку / персонал и не фильтрует какие-либо данные на основе пользовательский ввод.

У кого-нибудь есть идеи, почему он использует этот / другой подход? Правильно ли я настроил конечные точки API?

Спасибо