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 回答