Как передать данные из сервера axios на express?

Question

[Klayeryt]

Добрый день, перепробовал всё, но данные из сервер axios не приходят на express:

Backend:

const express = require('express');
//solve cors issue
const cors = require("cors");
const app = express();
var bodyParser = require('body-parser');
var jsonParser = bodyParser.json();

// create application/x-www-form-urlencoded parser
var urlencodedParser = bodyParser.urlencoded({ extended: false });
app.use(cors());
const port = 5000;
const Pool = require('pg').Pool;
  //Enter here your Postres database details
const pool = new Pool({
    user: 'postgres',
    host: 'localhost',
    database: 'postgres',
    password: '1231',
    dialect: 'postgres',
    port: 5432
});
  
  //Database connection and also please create postgres database first
pool.connect((err, client, release) => {
    if (err) {
        return console.error(
            'Error acquiring client', err.stack)
    }
    client.query('SELECT NOW()', (err, result) => {
        release()
        if (err) {
            return console.error(
                'Error executing query', err.stack)
        }
        console.log("Connected to Database !")
    })
})

let test1 = '';
let test2 = '';

app.post('/tutorials', (req,res,next) => {
    test1 = req.query;
    console.log(req.query);
})

Frontend:

import axios from 'axios'
export default {
  data(){
  return {
    auth: false,
    login: '',
    password: ''
    }
  },
  methods: {
    sendDate() {
      axios
      .get('http://localhost:5000/tutorials', (resp) => {
          resp.send(this.data.login)
      })

Comments

[Модератор]

Не надо ставить как можно больше тэгов. Лучше оставить один, но конкретный, с которым проблема.
См.п.3.1 Регламента. Также обратите внимание на п.3.4

Answer 1

[Aetae]

Тебе надо:
0. Перестать заниматься техношаманизмом, у тебя плохо получается.
1. Почитать статью для начинающих про то как работает протокол HTTP, какие там бывают запросы и т.д.
2. Почитать документацию по библиотеке axios: как отравлять разные запросы.
3. Почитать документацию по библиотеке express: как ожидать запросы, как получать данные.
4. Почитать как делать авторизацию, потому что ты явно хочешь что-то крайне опасное на коленке сделать.
*. Почитать как использовать в разработке devserver proxy, чтобы не возиться с cors.

решение именно заданного вопроса, которое тебе всё равно не надолго поможет при текущем уровне знаний

app.post('/tutorials', (req,res,next) => {
    // test1 = req.body; // глобальные серверные переменные тоже использовать точно не надо
    console.log(req.body);
})

axios.post('http://localhost:5000/tutorials', this.data.login)

P.S. Vue тут не при чём.

Comments

[Klayeryt]

К сожелению не помогло. пришли данные в виде - undefined
Upd: Причём это происходит с любыми данными, будь это строковое значение или число

[Aetae]

Klayeryt, *

axios.post('http://localhost:5000/tutorials', this.login)

[Klayeryt]

Aetae, это не помогло, дело в другом я попробовал отправить res.send("1"), в ответ пришло {}, то же самое пришло и от this.$data.login

main.js:

import { createApp } from 'vue'
import App from './App.vue'
import vuetify from './plugins/vuetify'
import { loadFonts } from './plugins/webfontloader'
import router from './router'

loadFonts()

createApp(App).use(router)
  .use(vuetify)
  .mount('#app')

HomeView.vue:

<script>
//importing bootstrap 5 and axios
import axios from 'axios'
export default {
  data(){
  return { 
    auth: false,
    login: '',
    password: ''
    }
  },
  methods: {
    sendDate() {
      axios
      .post('http://localhost:5000/tutorials', (resp) => {
          resp.send("1")
      })

      axios
      .get('http://localhost:5000/tutorials')
      .then((resp) => {
        console.log("1");
        this.auth = resp.data;
      })
    }
  },
 mounted () {
    //api caling
  },
 
}
</script>

[Aetae]

Klayeryt, да ёклмн, нет никаких res.send в axios.

[Klayeryt]

Aetae, прошу прощения, просто до этого забыл стереть со старого проекта, но всё равно результат тот же

[Aetae]

Klayeryt, глянул внимательнее, парсеры для body у тебя создаются но нигде не используются, добавь:

app.use(jsonParser);
app.use(urlencodedParser);

По идее тебе ide должна сереньким такое подсвечивать.

[Klayeryt]

Aetae, Извините можно по подробнее как через парсер передавать данные?

[Aetae]

Klayeryt, так, как я написал в своём ответе. Просто добавь use строчки после app.use(cors()).
Из-за гениального архитектурного решения express по умлчанию не умеет читать POST body вообще никак, из-за чего без подключённых парсеров req.body всегда будет тупо undefined.