项目运行时一直发http://localhost:8080/sockjs-node/info?t=1462183700002请求

Question

server是webpack创建的，运行在localhost:8080，部署到服务器后运行就报错

webpack.config.js如下

var path = require('path');
var merge = require('webpack-merge');
var webpack = require('webpack');
var TARGET = process.env.TARGET || 'dev';
var ROOT_PATH = path.resolve(__dirname);
var HtmlWebpackPlugin = require('html-webpack-plugin');

var common = {
    entry: [path.resolve(ROOT_PATH, 'app/index')],

    resolve: {
        extensions: ['', '.js', '.jsx']
    },
    output: {
        path: path.resolve(ROOT_PATH, 'build/js'),
        filename: '/bundle.js'
    },

    plugins: [
        new HtmlWebpackPlugin({
            title: '测试',
        })

    ],

    module: {
        loaders: [
            {
                test: /\.jsx?$/,
                loaders: ['babel'],
                include: path.resolve(ROOT_PATH, 'app')
            },

            {
                test: /\.css$/,
                loaders: ['style', 'css']
            }
        ]
    }
};
switch (TARGET) {
    case 'build':
        module.exports = merge(common, {
            plugins: [
                new webpack.optimize.UglifyJsPlugin({
                    compress: {
                        warnings: false
                    }
                }),
                new webpack.DefinePlugin({
                    'process.env': {
                        'NODE_ENV': JSON.stringify('production')
                    }
                })
            ]
        });

        break;

    case 'dev':
        module.exports = merge(common, {
            entry: [
                'webpack-dev-server/client?http://localhost:8080',
                'webpack/hot/dev-server'
            ]
        });
        break;
}

Answer 1

这个问题：如果是在开发环境，应该是开发的时候网络环境变更导致，比如你切换无线网络，导致开发服务器的IP地址换了，这样开发服务器会不知道如何确定访问源。开发环境中关闭npm dev server，然后重新npm run serve重新构建服务环境就可以了。
如果是生产环境，很大可能是应该是域名和ip映射出问题，重启node，检查重新配置域名和ip映射就可以了。

Answer 2

如果你的浏览器，与NPM服务器，不是同一个机器（不是localhost），那么会导致这个报错。

我搜索了好久，才发现这个是可以在webpackjs里配置的（即vue.config.js）：
https://webpack.js.org/config...

module.exports = {
    devServer: {
        sockHost: 'demo.my-domain.com',
        disableHostCheck: true,
    }
}

Answer 3

    proxy: {
        '/': {
            target: 'http://192.168.0.102:8082',
            changeOrigin: true,
            ws: false, //值为false防止控制台报错★★★★★★★★
            pathRewrite: {
                //▼或者后台接口统一加一个前缀如api，然后这里不写 '^/' 写 '^/api'。
                '^/': '', 
            },
        },
    },

Answer 4

亲测已解决；
首先sockjs-node是一个JavaScript库，提供跨浏览器JavaScript的API，创建了一个低延迟，全双工的浏览器和web服务器之间通信通道。
如果你的项目没有用到sockjs,vuecli3 运行npm run serve 之后network里面一直调用一个接口:
http://localhost:8080/sockjs-node/info?t=1556418283950
方案：从根源上关闭此调用
1、node_modules/sockjs-client/dist/sockjs.js
2、代码的1605行注释
// self.xhr.send(payload);
ps:可在代码开发完成后关闭，会同步关闭热加载

Answer 5

首先，SockJS是一个JavaScript库（用于浏览器），提供类似于WebSocket的对象。其作用就是开发环境下，保证我们在改完代码重新编译之后，能够通知浏览器重新加载变更结果。
报请求错误，即这个接口的地址不正确。vue.config里配置devServer的host和port为与项目启动的服务地址一致即可（我的是localhost:4000）

module.exports = {
    devServer: {
        host: 'localhost',
        port: 4000,
        // ...
    }
}

Answer 6

https://github.com/webpack/webpack-dev-server/issues/326

Answer 7

我这边是把webpack-dev-server --env=dev --path=. --inline
这个--inline去掉就好了

Answer 8

遇到同样问题来到了这里，按照推荐答案的方法没有见效，后来自己解决了分享下。

回归问题本身是http://localhost:8080/sockjs-node/info?t=1568884604457这个接口请求failed，实际上是这个接口所在网络不存在。正确配置这个接口地址，即可解决问题。

可能出现的问题之一：hmr的这个接口的地址和项目启动的服务地址不是同一个！
sockjs-node/info地址取的是用户配置hmr入口起点的地址，这个地址服务地址要和项目启动地址相同；
若是通过webpackDevServer api 配置的hmr入口地址，则地址默认为webpackDevServe配置项里的host, 如未设置默认 localhost，则两者地址不同；我遇到的问题就是webpackDevServe里没配置host, 而项目启动用的是192.168.x.x ，这样实际上localhost:8080/sockjs-node/info实际上不存在，所以会报错 请求failed

Answer 9

在nginx里面配置

location / {
    proxy_pass http://127.0.0.1:3000;
    proxy_http_version 1.1;
    proxy_set_header Upgrade $http_upgrade;
    proxy_set_header Connection "Upgrade";
}

Answer 10

遇到了同样的问题，github里面的回答并没有解决我的问题，希望大神给予帮助，谢谢！

Answer 11

这个地方写死了, 一旦host或者port不是localhost与8080, SockJS就请求不到, 导致一直报错

Answer 12

参考这里：添加public:0.0.0.0:端口号
https://stackoverflow.com/que...

module.exports = {
    devServer: {
        disableHostCheck: true,
        port: 4000,
        public: '0.0.0.0:4000'
    },
    publicPath: "/"
}

Answer 13

sockjs是模拟数据用的, 你自己开发的, 不知道代码???

上线后要将sockjs相关的代码删了

Answer 14

1.一般来说配置文件分为开发环境和生产环境两种，webpack-dev-server是我们本地开发环境时候用的，调用命令webpack-dev-server --hot --inline 等，参数可以根据情况具体选择，不写参数--config会默认读取webpack.config.js的内容，上线时候我们会运行webpack命令，例如webpack --config webpack.prod.config.js
2.sockjs相关代码是由webpack-dev-server运行所产生，上线时候直接调用webpack命令即可。

Answer 15

我也遇到这个问题，还没有解决。我本地跑可以，放在jetty就会一直请求。求赐教

Answer 16

哥们问题解决了吗？github那里没听懂他们是怎么解决的，求指导~

Answer 17

相同问题 未解决

Answer 18

我这边也会报这个错误。因为我vue项目设置的端口号为3000,本地先使用了browser-sync开启了其它服务，占用了3000端口号，之后在开启vue项目就会报这个错误。