时间戳

首页 > 解决方案 > 从不同的子域加载 Vue.js 异步组件

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

问题描述

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

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

我的 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.

标签： laravelvue.jswebpacklaravel-mix

解决方案

我找到了解决方案：

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 + '/'
        }
     });

whereDOMAINS_STATIC是 .env 文件中我的环境变量之一，它包含正确的域，static.mysite.com在这种情况下。

推荐阅读