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

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;
}
阅读 67k
评论
    18 个回答

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

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

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

      module.exports = {
          devServer: {
              sockHost: 'demo.my-domain.com',
              disableHostCheck: true,
          }
      }
            proxy: {
                '/': {
                    target: 'http://192.168.0.102:8082',
                    changeOrigin: true,
                    ws: false, //值为false防止控制台报错★★★★★★★★
                    pathRewrite: {
                        //▼或者后台接口统一加一个前缀如api,然后这里不写 '^/' 写 '^/api'。
                        '^/': '', 
                    },
                },
            },
          • 1
          • 新人请关照

          亲测已解决;
          首先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:可在代码开发完成后关闭,会同步关闭热加载

            • 4
            • 新人请关照

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

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

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

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

                回归问题本身是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

                  网络问题,我关掉v2rayN 翻墙软件之后正常了

                    • 3
                    • 新人请关照

                    在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";
                    }

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

                        • 204

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

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

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

                            • 132

                            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命令即可。

                            该答案已被忽略,原因:

                              • 179

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

                              该答案已被忽略,原因:

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

                                该答案已被忽略,原因:

                                  • 1
                                  • 新人请关照

                                  相同问题 未解决

                                  该答案已被忽略,原因:

                                    • 0
                                    • 新人请关照

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

                                    该答案已被忽略,原因:

                                      撰写回答

                                      登录后参与交流、获取后续更新提醒