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

时间:2018-10-15 12:23:44

标签: laravel vue.js webpack laravel-mix

我有一个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加载块文件。

1 个答案:

答案 0 :(得分: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文件中的env变量之一,它包含正确的域,在这种情况下为static.mysite.com