Vue Cli crea un proyecto para implementar el modo de enrutamiento histórico en GitHub

1. Modificar la ruta del paquete

Agregue la   configuración publicPath en vue.config.js   , donde teambition-vue es el nombre github de su proyecto. De lo contrario, no encontrará recursos.

module.exports = { 
    ... 
    // 部署 到 github 
    publicPath: process.env.NODE_ENV === 'producción'? '/ teambition-vue': '/' 
};

 

2. modo de historia

GitHub no es compatible con una sola página, use el enrutamiento del historial, habrá 404, así que copie el contenido de index.html a 404.html puede resolver este problema ingeniosamente.

 

3. Despliegue

Ingrese el directorio dist y envíe el contenido al control remoto

#！ / Bin / bash 
npm ejecutar build 
cd. / dist
 cp index.html 404 .html 
git init 
git remoto agregar origen https: // github.com/G-lory/teambition-vue.git 
git add. 
git commit -m ' desplegar ' 
git checkout -b gh- páginas 
git push -u origen gh-pages -f