Как вывести данные из базы данных во Vue.js + Node.js
У меня есть база данных,в которой храняться юзеры. Мне нужно отобразить на сайте какие-либо данные из БД(например логин) Я не знаю как из node.js,передать данные во Vue.js
Vue.js
<template>
<div>
<form action="//localhost:3000/create" method="POST">
<input name="login" placeholder="логин" v-model="name1" type="text">
<input name="password" placeholder="пароль" v-model="pass1" type="password">
<button type="submit" @click="register()">Register</button>
</form>
<h1>Ваш логин: {{login}}</h1>
</div>
</template>
<script>
export default {
data(){
return{
name1: '',
pass1: '',
}
}
}
</script>
Node.js
const mysql = require('mysql2')
const express = require("express");
const app = express();
const urlencodedParser = express.urlencoded({extended: false});
const connection = mysql.createConnection({ //подключение к БД
host: 'localhost',
user: 'root',
database: 'usersimper',
password: ''
})
connection.connect(err => { //Подключеник к БД
if(err){
console.log(err)
}
else{
console.log('БД запущенна!')
}
})
app.post("/create", urlencodedParser, function(req, res){
const login = req.body.login
const password = req.body.password
connection.query("INSERT INTO `users` (login, password, name, lastname, role, status, br) VALUES (?,?,'f','f','f','1','1')",[login, password], (err, result) =>{
if(err) {console.log(err)}
else{
console.log('Человек создан')
res.redirect('//localhost:8080')
}
})
})
//получаем всех юзеров
connection.query(`SELECT * FROM users`, function(err, results) {
if(err) console.log(err);
console.log(results[12]['login']);
});
app.listen(3000, ()=>console.log("Сервер запущен..."));