Vue.js 从不同子域加载异步组件

Question

我有一个 Laravel 项目，我想知道如何配置 webpack 以从不同的子域加载 javascript 块？

例如，如果 www.mysite.com 上有一个站点，它从 static.mysite.com.

加载 javascript 资产

我的 webpack.min.js 文件如下所示：

mix.js([
    'resources/assets/js/file1.js',
    'resources/assets/js/file2.js',
], staticBuildPath + '/js/main.js')
    .webpackConfig({
        output: {
            chunkFilename: "js/[id].chunk.js"
        }
     });

但问题是它想从 www.mysite.com.

加载块文件

Answer 1

我找到了解决方案：

mix.js([
    'resources/assets/js/file1.js',
    'resources/assets/js/file2.js',
], staticBuildPath + '/js/main.js')
    .webpackConfig({
        output: {
            chunkFilename: "js/[id].chunk.js",
            publicPath: '//' + process.env.DOMAINS_STATIC + '/'
        }
     });

其中 DOMAINS_STATIC 是我在 .env 文件中的环境变量之一，它包含正确的域，在本例中为 static.mysite.com。

Vue.js 从不同子域加载异步组件

Vue.js async component loading from different subdomain

laravel

webpack

vue.js

laravel-mix