El archivo del proveedor empaquetado de vue tendrá dos versiones de vue

a. Ejecute el comando de empaquetado: npm run build?

b. La carpeta generada después del empaquetado es el directorio raíz del archivo dist:

c. Ingrese dist

Antes de ejecutar este index.html, hablemos de algunos problemas de configuración durante el empaquetado:

En la carpeta de configuración, puede ver un archivo index.js, ábralo y luego Verá las propiedades:

dist.js. js, puede ver varios atributos en él después de abrirlo:

assetsRoot: path.resolve(__dirname, '.. /dist')// De hecho, esta es la carpeta del directorio raíz de dist. Todos los archivos se generarán aquí

assetsSubDirectory: 'static'?

AssetsSubDirectory: 'static'? Entonces, la imagen de arriba se envía directamente a dist, es decir, este parámetro La configuración es el directorio de salida de los archivos estáticos

assetsPublicPath: '/'? Este es el prefijo de referencia de los archivos estáticos

Puedes ver cada archivo js y css en la ruta de referencia del archivo index.html. Cuando se ejecuta en el servidor, si el archivo se encuentra como se muestra a continuación

En la mayoría de los casos, es un problema de configuración de parámetros. Puede probarlo y resolverlo según la ruta en index.html. archivo si no funciona, puedes dejar un mensaje para comunicarte con nosotros. Si no, puedes dejar un mensaje para comunicarte.