使用webpack-dev-server的代理套接字连接

Question

我正在尝试使用webpack-dev-server代理套接字连接，但是出现以下错误：

这是我的webpack.config.js文件

devServer: {
    contentBase: './dist',
    watchContentBase: true,
    publicPath: '/',
    host: 'localhost',
    port: 3000,
    public: '0.0.0.0:3000',
    hot: true,
    proxy: {
 '/api': {
        target: 'https://[address]:[port]',
        secure: false,
        pathRewrite: { '^/api': '' }
     }
 }

这是我在应用程序中的使用方式

this.sock = new SockJS('api/chatsocket');

我在做错什么吗？