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

Posted 2023-02-22

【中文标题】从不同的子域加载 Vue.js 异步组件

【英文标题】：Vue.js async component loading from different subdomain

【发布时间】：2019-03-19 21:08:30

【问题描述】：

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

【问题讨论】：

webpack and vue async component from different project / domain的可能重复

【参考方案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。