javascript - 使用 webpack 和 vuejs 进行代码拆分未指向正确的输出文件夹

Question

我有一个具有以下导入的路由提供程序：

const Landing = () => import(/* webpackChunkName: "Landing" */ "../pages/landing/Landing.vue");
const FramesPage = () => import(/* webpackChunkName: "FramesPage" */ "@/pages/frames/FramesPage.vue");
const SingleChartPage = () => import(/* webpackChunkName: "SingleChartPage" */ "@/pages/singleChart/SingleChartPage.vue");

以及下面的 webpack.config.js output: { path: path.resolve("../public"), filename: "[name].bundle.js", chunkFilename: "[name].bundle.js" }

当App.vue加载<router-view></router-view>组件时，它会抛出 404。

文件被正确拆分并放入我的/public文件夹中，但来自 vue 的初始 GET 不再指向该公共文件夹并直接进入我的根应用程序：

获取http://localhost/MyApp/Landing.bundle.js

代替http://localhost/MyApp/public/Landing.bundle.js

有任何想法吗？

编辑：

如果我将 a 添加publicPath到输出中，它所做的只是将 js 文件导出到，public/public/chuckfile.js但它也会尝试将我的所有其他资产引用到public/public