proyecto de compilación entorno de producción vue Cli

Después de la finalización del desarrollo de la página web, que desea proyectar en el entorno de producción

Necesitamos desarrollo completo del proyecto para hacer el tratamiento siguiente

1, la nueva variable de entorno en el archivo de proyecto env.development

 

 

 Los archivos añadidos variables de entorno

= HTTP VUE_APP_API_URL: // localhost: 3000 / admin / API   
// la URL del entorno de desarrollo real que prevalezca para la instancia local

2, agregue la variable de entorno URLbase añadido al proyecto:

El proyecto URLbase sustituido por variables de entorno

const = http axios.create ({ 
    URLbase: process.env.VUE_APP_API_URL || '/ admin / fuego' ,
     // URLbase: 'http: // localhost: 3000 / admin / fuego' 
})

3, en el directorio raíz de los nuevos vue.config.js perfil de proyecto vue de la CLI

= module.exports { 
    outputDir: __ nombredir + '/ .. / Server / / ADMIN pública', // la dirección exporta elementos estáticos NPM corren fichero de construcción 
    publicPath: process.env.NODE_ENV === 'Producción' // elementos de ajuste publicPath 
      ? / ADMIN / ' 
      : '/' 
  }

4. consola NGP acumulación de ejecución

En el servidor Node.js en el directorio de archivo de proyecto para un hosting de archivos estáticos

app.use ( '/ admin', express.static (__ nombredir + '/ public / admin'))

Se podrá acceder al proyecto en un entorno de producción

Más información se puede consultar VUE CLI Configuración de referencia  https://cli.vuejs.org/zh/config/#publicpath