Vue パッケージ化後の空白ページの解決策

定数パス = require("パス");
const 解決 = 関数(dir) {
  path.join(__dirname, dir) を返します。
};
モジュール.エクスポート = {
  パブリックパス: process.env.NODE_ENV === "production" ? "./" : "./",
  出力ディレクトリ: "dist",
  資産ディレクトリ: "static",
  lintOnSave: true, // eslint 保存検出を有効にするかどうか productionSourceMap: false, // 製品パッケージをビルドするときにソースマップを生成するかどうか
  チェーンWebpack: config => {
    config.resolve.alias
      .set("@", 解決("src"))
      .set("@v", 解決("src/views"))
      .set("@c", 解決("src/components"))
      .set("@u", 解決("src/utils"))
      .set("@s", resolve("src/service")); /* エイリアス設定*/
    config.optimization.runtimeChunk("single");
  },
  開発サーバー: {
    // ホスト: "localhost",
    /* ローカル IP アドレス*/
    //ホスト: "192.168.1.107",
    ホスト: "0.0.0.0", //LAN およびローカル アクセス ポート: "8080",
    ホット：本当、
    /* ブラウザを自動的に開く */
    オープン: 偽、
    かぶせる：
      警告: 誤り、
      エラー: 真
    },
    /* クロスドメインプロキシ */
    プロキシ： {
      "/api": {
        /* ターゲットプロキシサーバーのアドレス*/
        ターゲット: "http://m260048y71.zicp.vip", //
        // ターゲット: "http://192.168.1.102:8888", //
        /* クロスドメインを許可する */
        変更元: true、
        ws: 真、
        パス書き換え: {
          "^/api": ""
        }
      }
    }
  }
};