Tengo una aplicación Vue.js que funciona bien. Tengo un nombre de dominio y subdominio para la aplicación y quiero alojarlo. Mi aplicación se ejecuta localmente, pero cuando intento agregarle un nombre de subdominio, muestra 500 errores internos del servidor. Estoy tratando de alojar un sitio web por primera vez, así que no sé qué estoy haciendo mal.
Mi archivo de configuración de Vue.js se ve así:
const webpack = require('webpack'); module.exports = { lintOnSave: false, configureWebpack: { // Set up all the aliases we use in our app. resolve: { alias: { 'chart.js': 'chart.js/dist/Chart.js' } }, plugins: [ new webpack.optimize.LimitChunkCountPlugin({ maxChunks: 6 }) ], devServer:{ disableHostCheck: true, host: '0.0.0.0', port: 8080, public : 'spark.innovation.com', }, }, pwa: { name:' Dashboard', themeColor: '#344675', msTileColor: '#344675', appleMobileWebAppCapable: 'yes', appleMobileWebAppStatusBarStyle: '#344675' }, pluginOptions: { i18n: { locale: 'en', fallbackLocale: 'en', localeDir: 'locales', enableInSFC: false } }, css: { // Enable CSS source maps. sourceMap: process.env.NODE_ENV !== 'production' } }; Nginx server configuration server { listen 80; listen 443; server_name spark.xxxx.com www.spark.xxx.com; root /home/ubuntu/frontend-app; index index.html index.htm; location / { root /home/ubuntu/frontend-app; try_files $uri /index.html; proxy_pass http://localhost:8080; proxy_http_version 1.1; proxy_set_header Upgrade $http_upgrade; proxy_set_header Connection 'upgrade'; proxy_set_header Host $host; proxy_cache_bypass $http_upgrade; } }Recibo 500 Error interno del servidor.
¿Algún consejo o sugerencia de cómo solucionarlo?
De forma predeterminada, Vue CLI asume que su aplicación se implementará en la raíz de un dominio, por ejemplo, https://www.my-app.com/ . Si su aplicación se implementa en una subruta, deberá especificar esa subruta con esta opción. Por ejemplo, si su aplicación se implementa en https://www.foobar.com/my-app/ , establezca publicPath en '/my-app/' .
Además, debe configurar su servidor web, donde está intentando implementar su aplicación Vue.
Nginx Conf (mínimo)
server { listen 80; root /usr/share/nginx/html; include /etc/nginx/mime.types; location / { try_files $uri $uri/ /index.html; } } Referencia: https://cli.vuejs.org/config/#publicpath
Implementación: https://cli.vuejs.org/guide/deployment.html