托管一個 vue js 應用程序

Question

我有一個運行良好的 vue JS 應用程序。 我有應用程序的域和子域名，我想托管它。 我的應用程序正在本地運行，但是當我嘗試向其添加子域名時，它顯示 500 內部服務器錯誤。 這是我第一次嘗試托管網站，所以我不知道我做錯了什么。 我的 vue js 配置文件是這樣的。

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'
  }
};

有關如何解決它的任何建議或提示。 謝謝。

Answer 1

默認情況下，Vue CLI 假定您的應用程序將部署在域的根目錄下，例如https://www.my-app.com/ 。 如果您的應用程序部署在子路徑中，您將需要使用此選項指定該子路徑。 例如，如果您的應用程序部署在https://www.foobar.com/my-app/ ，請將publicPath設置為'/my-app/' 。

此外，您還需要配置您的 Web 服務器，您可以在其中嘗試部署 Vue 應用程序。

參考 - https://cli.vuejs.org/config/#publicpath
部署 - https://cli.vuejs.org/guide/deployment.html