javascript - 如何解决 laravel 应用程序(使用 laradock)中返回“错误无法获取 /”的 vuejs 热重载
问题描述
我正在使用 webpack mix 在 laravel 应用程序中热重载 vuejs。但是,在运行npm run hot后,我在每个页面加载中都会收到错误消息
Cannot GET /
主页 /
webpack.mix.js
const mix = require('laravel-mix');
var webpackConfig = {
devServer: {
proxy: {
host: 'domain.local', // host machine ip
port: 81,
},
watchOptions:{
aggregateTimeout:200,
poll:5000
},
}
}
mix.options({
hmrOptions: {
host: 'mmta.local', // site's host name
port: 81,
}
});
mix.webpackConfig(webpackConfig);
mix.js('resources/vue_app/src/main.js', 'public/app/js')
.sass('resources/vue_app/src/styles/style.scss', 'public/app/css');
解决方案
有用的是:(dockerHost“172.20.129.2”和dockerPort:“8081”);
mix.webpackConfig({
mode: "development",
resolve: {
alias: {
"@assets": path.resolve(__dirname, "resources/assets/site"),
"@sass": path.resolve(__dirname, "resources/assets/site/sass"),
"vue$": "vue/dist/vue.runtime.esm.js",
"@": path.resolve("./resources/assets"),
},
},
output: {
chunkFilename: "assets/site/js/chunks/[name].js",
},
devtool: "inline-source-map",
devServer: {
disableHostCheck: true,
headers: {
'Access-Control-Allow-Origin': '*'
},
contentBase: path.resolve(__dirname, 'public'),
host: config.dockerHost,
port: config.dockerPort,
watchOptions: {
poll: true
}
},
})
mix.options({
hmrOptions: {
host: config.dockerHost,
port: config.dockerPort
}
});
需要注意的是,运行后npm run hot
您必须等到 npm 向您显示 ip
推荐阅读
- typescript - 如何在打字稿中使用带有矩阵参数的svg.js转换?
- javascript - 居中画布将其移动到角落
- excel - 尝试注册 UDF 的描述后出现“内存不足”VBA 错误
- java - Maven 项目迁移 STS v4
- virtualenv - julia virtualenv 请求不存在的 os 包
- genetic-programming - 执行遗传编程树
- asp.net-mvc - 如何使用管理员视图更新价格?我的费率随着时间的推移而变化。我如何允许管理员更新它们并相应地显示给用户?
- angular - Angular 6 Firebase 每次上传都应该添加新值(现在它只是改变相同)
- java - 为什么会抛出 JSP 文件不存在异常
- android - 在 Play 商店上传应用时,admob 广告不起作用