El recurso de pantalla en blanco que aparece cuando se empaqueta vue no se puede cargar normalmente.

Puede ver una línea como esta en el índice dist: Lo sentimos, pero xxxxxxx no funciona correctamente sin JavaScript habilitado.

La alta probabilidad es:

  1. Agregue pubilcPath:'./' en vue.config.js (tenga en cuenta que aquí se usa la ruta relativa ./ en lugar de la ruta absoluta)

  1. Cambiar el enrutamiento al modo hash

Motivo: el enrutamiento de Vue se divide en modo historial y modo hash, y usted elige el modo historial predeterminado cuando crea un nuevo proyecto Vue.

Entonces, cuando ejecuta npm run build y no hay una ruta pública, por lo que Process.env.Base_URL en la captura de pantalla no se puede cargar normalmente, también puede reemplazarlo con './'

Si solo desea el modo historial, también puede usarlo en el navegador local. Pero algunos recursos no se pueden cargar normalmente.

Consejos: utilice putstate para modificar la ruta del historial

Para una comprensión más profunda, consulte: https://blog.csdn.net/muzidigbig/article/details/121892336?ops_request_misc=&request_id=&biz_id=102&utm_term=history%E5%92%8Chash%E6%A8%A1%E5 %BC%8F %E7%9A%84%E6%89%93%E5%8C%85%E5%8C%BA%E5%88%AB&utm_medium=distribute.pc_search_result.none-task-blog-2~all~sobaiduweb ~predeterminado-0 -121892336.142^v73^control_1,201^v4^add_ask,239^v2^insert_chatgpt&spm=1018.2226.3001.4187

Supongo que te gusta

Origin blog.csdn.net/weixin_44383533/article/details/129204581
Recomendado
Clasificación