Después de escribir el proyecto vue, no hay problema con la prueba local. Ahora quiero que otras personas accedan a él en la red pública, por lo que, naturalmente, necesito usar el servidor en la nube. Actualmente estoy usando Tencent Cloud y agregando un panel Pagoda, lo cual es muy conveniente.
El problema que surge es que mi proyecto no tiene problemas localmente, pero cuando lo lanzo al servidor, encuentro que css, js e img en dist no se encuentran 404. Después de leerlo en la herramienta de depuración del navegador, Descubrí que la solicitud se realizó. La ruta no es del todo correcta. Parece que falta una ruta, es decir, falta /dist. Por supuesto, ahora es solo mi suposición.
Solución: practiquemos de acuerdo con la conjetura y modifiquemos la ruta en vue.config.js, porque también soy un recién llegado y he estado pisando el pozo, supongo que la ruta aquí está relacionada con el paquete web, es decir, después El empaquetado Dist está relacionado, así que agregué una línea de código: publicPath:'./' , luego npm ejecutó build nuevamente y luego lancé el dist empaquetado en el servidor, por lo que el problema se resolvió.
Captura de pantalla del código de mi vue.config.js:
