使用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

有什么想法吗？

编辑：

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