Не получен ответ от Backend Nuxt js Auth - PullRequest
Новая
       51

Не получен ответ от Backend Nuxt js Auth

0 голосов
/ 12 апреля 2020

Я довольно новичок в vuejs и nuxt js. Я пытаюсь сделать простое приложение с аутентификацией, и для него я использую Nuxt JS Auth Module с Ax ios.

. У меня настроен базовый c NodeJS бэкэнд. У меня проблема в том, что сервер не получает запрос. Я проверил это с Почтальоном и с Почтальоном, это работает хорошо.

Вот соответствующий код.

Серверная часть: userRoutes. js

const jwt = require('jsonwebtoken');
const user = require('../../models/dummyUser');

    module.exports = (app) => {

        app.post('/user/login', (req, res, next) => {
            const { body } = req;
            const { username } = body;
            const { password } = body;

            //checking to make sure the user entered the correct username/password combo
            if (username === user.username && password === user.password) {
                //if user log in success, generate a JWT token for the user with a secret key
                jwt.sign({ user }, 'privatekey', { expiresIn: '1h' }, (err, token) => {
                    if (err) { console.log(err) }
                    res.send(token);
                });
            } else {
                console.log(username)
                console.log('ERROR: Could not log in');
            }
        })

Внешний интерфейс: Логин. vue

<template>
  <div class="container">
    <h1>Login</h1>

    <UserAuthForm buttonText="Login" :submitForm="loginUser" :hasName="false" />
  </div>
</template>

<script>
import UserAuthForm from "@/components/UserAuthForm";
export default {
  components: {
    UserAuthForm
  },
  methods: {
    loginUser(loginInfo) {
      // debugger
      console.log(loginInfo);
      this.$auth.loginWith("local", {
        data: loginInfo
      });
    }
  }
};
</script>

и я nuxt.config. js У меня есть 

axios: {
    baseURL: 'http://localhost:8000'
  },
  auth: {
    strategies: {
      local: {
        endpoints: {
          login: { url: '/user/login', method: 'post', propertyName: 'body' },
          logout: { url: '/user/logout', method: 'post' },
          user: { url: '/api/auth/user', method: 'get', propertyName: 'user' }
        }
      }
    }
  }

Когда я нажимаю кнопку «Вход» и проверяю сетевые подключения в инструментах разработчика, мне не удается вызвать API. Как я уже упоминал, с PostMan Если я сделаю POST-запрос к http://localhost: 8000 / user / login с ключами username и password, я получу ответ с токеном.

Любая помощь будет принята с благодарностью.

...