VueJs 2, NodeJs y página de recarga

Tengo una pregunta con VueJs y la página de actualización. Cuando actualizo mi aplicación VueJs con una URL específica (por ejemplo: / tag / 1), se produce un error: “Uncaught SyntaxError: Unexpected token <". Mi servidor se crea con NodeJs y yo uso ExpressJs. Mi motor de plantillas es EJS. He definido una ruta:

app.get('*', (request, response) => { response.render('layouts/index') }) 

En la documentación para ExpressJs, es posible usar un complemento “connect-history-api-fallback” para reemplazar “.htaccess” de Apache, pero esto no puede funcionar.

 let app = express() app.use(history({ verbose: true, index: '/' })) 

Cual es el problema ?

Gracias,

Esto está sucediendo porque su aplicación cliente (vue.js) espera recibir algún objeto JSON válido, pero su servidor está proporcionando una página HTML.

Cuando intentas convertir una cadena como ... en un objeto javascript, tu analizador JSON falla y da ese error. Para replicar esto localmente, abra su consola de desarrollador y ejecute el siguiente comando:

 JSON.parse("") 

Para descubrir qué es exactamente lo que está yendo mal, debe mirar en la pestaña de red de la consola del desarrollador y ver las respuestas del servidor para las solicitudes de API: espera que JSON pero el servidor esté sirviendo index.html

Asumiendo que el lado del servidor es bueno y maneja las solicitudes de API como se espera, entonces podría ser un simple error en su componente vue, en lugar de cargar sus datos de etiqueta desde /api/tag/1 (que obtiene una cadena JSON válida), puede estar intentando cargar /tag/1 (que solo obtendrá su index.html ).

    Intereting Posts