0

我正在运行带有惯性 js 的 Vue 应用程序。我的应用程序位于 web 根目录中的一个文件夹中,如下所示:

/
  -myVueApp/
     -webpack.config.js
     -includes/
         -js/
            -pages/

在我的 app.js 文件中,我有以下代码:

    resolveComponent: name => import(
        /* webpackChunkName: "includes/js/pages/[request]" */ `@/Pages/${name}`
    ).then(module => module.default)

当我构建时,文件会在正确的目录(/myVueApp/includes/js/pages)中生成,

运行应用程序时,浏览器会直接在 Web 根目录中查找分块文件(/includes/js/pages),而不是 myVueApp 文件夹。

Webpack.config.js、package.json 都在 myVueApp/ 文件夹中,这是执行 npm run 命令的地方。

(/myVueApp/includes/js) 中的 runtime.js 文件加载正常,但它告诉浏览器从服务器根目录而不是 /myVueApp 文件夹中查找分块文件。

我可以使用什么 webpack 设置来解决这个问题?

我尝试设置根路径,但它需要一个绝对路径,当从我的 Windows 机器切换到 Linux 机器时会中断。似乎绝对路径是相对于操作系统而不是服务器根目录的。

4

1 回答 1

-1

我解决了。我必须在 webpack.config.js 中设置 output.publicPath=“/myVueApp/”

于 2020-05-20T13:43:40.323 回答