webpack dev服务器+反应热加载=许多奇怪的请求,以一些神秘的/应用程序/信息
问题描述:
我不久前开始使用webpack。一切都很完美,React热加载功能非常棒。但是有一个这样的webpack dev服务器,我不明白。当我使用我的web应用程序发出对/ app/info的无尽请求时。它回来了404.webpack dev服务器+反应热加载=许多奇怪的请求,以一些神秘的/应用程序/信息
这是什么?我怎样才能关闭它?
这里的日志中控制台:
下面是我的配置(这是为阵营的热负荷非常通用的配置):
const webpack = require('webpack');
const path = require('path');
const autoprefixer = require('autoprefixer');
module.exports = {
entry: [
'webpack-dev-server/client',
'bootstrap-loader',
'./src/app.js',
],
output: {
path: path.join(__dirname, '..', 'resources', 'static', 'app'),
filename: 'app.js',
publicPath: '/app',
},
devServer: {
headers:
{
'Access-Control-Allow-Origin': 'http://localhost:10000',
'Access-Control-Allow-Credentials': 'true',
},
},
// devtool: '#source-map',
resolve: { extensions: ['', '.js'] },
plugins: [
new webpack.NoErrorsPlugin(),
],
module: {
loaders: [
{
test: /\.(js)$/,
exclude: /node_modules/,
loaders: ['react-hot', 'babel-loader?presets[]=es2015,' +
'presets[]=react,' +
'presets[]=stage-0,' +
'plugins[]=' + path.join(__dirname, 'babelRelayPlugin') + ',' +
'plugins[]=transform-runtime,' +
'plugins[]=transform-object-rest-spread'],
},
{ test: /\.css$/, loaders: ['style', 'css', 'postcss'] },
{ test: /\.scss$/, loaders: ['style', 'css', 'postcss', 'sass'] },
{
test: /\.(woff2?(\?v=[0-9]\.[0-9]\.[0-9])?|png|jpg)$/,
loader: 'url?limit=25000',
},
{
test: /\.(ttf|eot|svg)(\?[\s\S]+)?$/,
loader: 'file',
},
// Use one of these to serve jQuery for Bootstrap scripts:
// Bootstrap 4
{ test: /bootstrap\/dist\/js\/umd\//, loader: 'imports?jQuery=jquery' },
// Bootstrap 3
{ test: /bootstrap-sass\/assets\/javascripts\//, loader: 'imports?jQuery=jquery' },
],
},
postcss: [autoprefixer],
};
答
此评论固定我的问题https://github.com/webpack/webpack-dev-server/issues/326#issuecomment-171344167。我将'webpack-dev-server/client',
更改为'webpack-dev-server/client?http://localhost:8080/',