Как работать с БД из Vue компонентов?

Question

[Алексей Юдов]

Собственно вопрос ясен.
Есть однофайловый компонент VueJS и БД PostgreSQL.
Развернул сервер, написал вот такой скрипт:

'use strict';

const { Pool } = require('pg');

const pool = new Pool({
  host: 'localhost',
  port: 5432,
  database: 'application',
  user: 'sysadmin',
  password: 'password123'
});

(async () => {
  const fields = ["tablename", "tableowner"].join(', ');
  const sql = `SELECT * FROM pg_tables`;
  const { rows } = await pool.query(sql);
  console.table(rows);
  pool.end();
})();

Как из этого скрипта, полученные данные вернуть в Vue компонент?

Comments

[Алексей Ярков]

Если ответ вам помог, то отметьте его, пожалуйста, решением

Answer 1

[Дмитрий Терентьев]

Чтобы взаимодействовать вам нужно написать rest-full методы, либо использовать другую из популярных технологий, например GraphQL.

Можете попробовать для этих целей nodejs framework express.

Вам нужно реализовать мартшрут на сервере, пример:

app.get('/get-data', function (req, res) {
 // запрос к базе
// нормализовать данные в нужный вам вид (json).
  res.send(данные);
});
// по маршруту /get-data вы получите данные из базы

https://expressjs.com/ru/guide/routing.html

Comments

[Алексей Юдов]

Дмитрий, подскажите. Как роутами вытягивать данные с сервера PostgreSQL? Ведь по сути запуская Vue-cli у меня локалка на 8080 порту, а БД на 5432.

Answer 2

[Robur]

разверните теперь еще и api. Например на express - проще всего.

Comments

[Алексей Юдов]

Можно по подробнее?

[Алексей]

TCloud, подробнее