Estoy tratando de obtener datos de mi API backend (express.js) para mi cliente Vue, pero cada vez que obtengo "estado fallido o cancelado", no tengo ningún error en mi consola, excepto este:

imagen aquí

Que mi código backend route.js :

 const express = require('express') const router = express.Router() const { ensureAuth, ensureGuest } = require('../middleware/auth') const bodyParser = require("body-parser"); const User = require('../models/User') const cors = require("cors"); const app = express(); app.use(bodyParser.urlencoded({ extended: true })) // use cors options app.use(cors(corsOptions)) app.use(express.json()) router.get('/', ensureGuest, (req, res) => { res.render('visual') }) router.get('/userInfo', ensureAuth, async (req, res) => res.json({displayName : 'John Doe'}))

Mi Vue script dashboard.vue :

 <template> <img src="@/assets/images/avatars/0.jpg" alt="User Avatar"> <span>{{info.displayName}}</span> </template> <script> import axios from 'axios'; export default { data() { return { info: null, }; }, created() { axios.get('http://localhost:3000/userInfo') .then(res => { this.info = res.data; }) }, }; </script>