primero, no soy bueno en ingles, lo siento por eso
estoy haciendo un sitio de cartera personal con vue3, express. en Express, se procesa el proyecto principal de vue, y mis muchos archivos de subproyecto (html estático, vue, etc.) están en la carpeta del proyecto
aquí está mi estructura de carpetas,
frontend │ └ (main vue project) │ backend (express) │ kinder (sub vue project) │ dist (main vue project builded here) │ │ project │ │ └ (sub projects here) │ │ │ └ ... │ │ node_modules │ public │ src └ ...(No importa dónde esté la carpeta de mi proyecto sub vue (kinder))
en el caso de un proyecto html estático, simplemente agregue "/project/projectName/index.html" a la dirección, pero el proyecto vue construido causa confusión en la ruta. así que intenté solucionarlo como cambiar el modo de historial de ruta al modo hash y configurar pathRewrite, baseUrl, etc. en el archivo vue.config.js, pero nada de éxito.
solo sé sobre html, css, js, vue, así que la primera vez que uso el lenguaje del lado del servidor. solo búsquelo en Google, encontré una solución que ejecuta múltiples aplicaciones en un servidor. pero no tengo ni idea sobre el servidor.
incluso si no puedo obtener una explicación sobre la solución, ¿puedo obtener alguna pista que resuelva este problema? simplemente lanza la palabra clave de solución simple, ¡entonces la buscaré en Google muy duro! ¡Me encanta esto!
resumen
Supongo que sus archivos estáticos en backend/dist/ son servidos por express y usan el middleware express.static .
Como dice el documento , puede encontrar el código de configuración de la ruta en express, luego cámbielo así:
// main vue project app.use('/main', express.static('dist/')); // sub vue project app.use('/kinder', express.static('dist/project/kinder'));Ahora, puede visitar dos aplicaciones vue desde diferentes URL:
http://www.xxx.xx/main/index.html http://www.xxx.xx/kinder/index.html