Saltar al contenido

Vuejs, Dificultades para construir con ruta relativa

Nuestro grupo de trabajo ha estado por horas buscando la resolución a tus dudas, te ofrecemos la solución por eso nuestro objetivo es servirte de gran ayuda.

Solución:

Sé que todo ha cambiado desde que escribiste la publicación. Pero en este momento con la última versión de Vue y Vue Cli puedes obtenerlo con el archivo de configuración de vue (no soy un experto en esta plataforma):

  1. Cree un archivo “vue.config.js” en la ruta principal de su proyecto

  2. Dar una ruta relativa. Ejemplo:

    module.exports = 
        publicPath: './'
    ;

No funciona con las fuentes agregadas en css, no sé por qué y todavía estoy buscando en Google. Si alguien leyendo puede ayudar será genial.

La ruta absoluta no tiene que incluir el nombre de dominio, solo necesita comenzar desde la raíz.

Piense en las URL de HTML5. Por ejemplo, si su static carpeta se encuentra en http://www.example.com/static y la url actual es http://www.example.com/users entonces la ruta relativa sería ../static. Sin embargo, si está tratando de ver los detalles de un usuario y va a http://www.example.com/users/john-doela ruta relativa sería ../../static. No puede cargar los activos si no sabe dónde están, por eso necesita un punto de partida, una URL absoluta.

¿Cuál es el problema al que le tienes miedo? ¿Puedes ser mas específico?

He resuelto mi problema con lo siguiente vue.config.js ajustes:

module.exports = 
    publicPath: process.env.BASE_URL,
    assetsDir: process.env.BASE_URL
;

Creo que puedes hacer lo mismo con webpack.config.js también cambiando output.publicPath. Referencia: https://cli.vuejs.org/guide/html-and-static-assets.html#url-transform-rules

también puedes hacer publicPath: process.env.BASE_URL + '/static/'

Te invitamos a añadir valor a nuestra información aportando tu veteranía en los informes.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *