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

shirley
  • 816

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;
}
回复
阅读 89.8k
19 个回答

这个问题:如果是在开发环境,应该是开发的时候网络环境变更导致,比如你切换无线网络,导致开发服务器的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:可在代码开发完成后关闭,会同步关闭热加载

seminelee
  • 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

zhaoqihao
  • 4
新手上路,请多包涵

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

chimyking
  • 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里面的回答并没有解决我的问题,希望大神给予帮助,谢谢!

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

ylqyscw
  • 2
新手上路,请多包涵

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

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

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

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

你知道吗?

宣传栏