1. Instale tomcat
Descargue e instale Tomcat para ver esto
2. Cree el archivo vue.config.js
Cree un archivo en el directorio raíz del proyecto y asígnele el nombre vue.config.js
3. Escriba el contenido de vue.config.js
//部署上线的配置
module.exports = {
outputDir : 'competition',//打包后的文件夹名,默认disk
assetsDir : './src/assets',//静态文件的目录(如照片)
publicPath : '',//公共路径
}
4. Modifique el método de enrutamiento de src / router / index.js
El método de historial requiere una configuración adicional en el servidor, pero no para el hash.
5. src / router / index.js agrega un salto de ruta vacío, es decir, acceso al salto predeterminado del proyecto a la interfaz de inicio de sesión (o página de inicio)
6. Implementación de paquetes
El resultado de ejecutar el comando npm run build
: el nombre del archivo del paquete establecido en el archivo vue.config.js anterior se genera en el directorio raíz del proyecto.
7. Coloque la carpeta generada en el directorio de aplicaciones web en Tomcat del servidor
8. Visite http: // xxx (nombre de dominio o dirección IP): xxx (número de puerto) / xxx nombre de carpeta empaquetada
Por ejemplo: http://127.0.0.1:8080/competition
access salta automáticamente a la interfaz de inicio de sesión / página de inicio