我正在开发一个vuejs web应用程序,其中需要根据用户输入查询人名数据库。
在我的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
})
}
})
})
在my 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))只是返回endpoint/staff中的数据,并没有根据用户输入过滤任何数据。
有人知道为什么要这样做吗?我是否正确设置了api端点?
谢谢
暂无答案!
目前还没有任何答案,快来回答吧!