Question

我有一个包含两个Vue组件的项目。主文件会在需要时通过延迟加载来加载它们。

import Vue from 'vue'
const DateFiled = () => import('./components/DateField')
const ItemClone = () => import('./components/ItemClone')
...

Vue.component('date-field', DateFiled);
Vue.component('item-clone',  ItemClone);
...

const app = new Vue({
    el: '#app'
});

此功能在development上有效，但在production上仅在关闭ssl时有效。如果我打开它，我会得到一个错误

mixed content the page at was loaded over https but requested an insecure...

该错误表明它尝试从http://localhostjs/js/chunks/0.bundle.js获取数据块，为什么只有在ssl开启时才会发生这种情况？我该如何解决？

我试图像这样在Webpack中添加网址

mix.config.webpackConfig.output = {
    chunkFilename: 'js/chunks/[name].bundle.js',
    publicPath: process.env.APP_URL,
};

并尝试将APP_URL设置为

APP_URL=https://example.com/
APP_URL=/
APP_URL=https://example.com/public/

但是这些都不起作用。服务器位于apache上的centOs

ssl活动时Vue崩溃

0 个答案: