Vue CLI sockjs-node请求URL错误，缺失Base1路径求助

问题详情 #

使用Vue CLI-service 4.4.0，已配置publicPath: '/Base1/'，但devServer的sockjs-node请求未带上Base1前缀：

• 期望请求路径：https://x.y.net/Base1/sockjs-node/info?t=1749513953510
• 实际请求路径：https://x.y.net/sockjs-node/info?t=1749513953510

当前vue.config.js配置片段：

publicPath: '/Base1/',
devServer: {
    port: port,
    open: true,
    host: '0.0.0.0',
    public: 'x.y.net/Base1/',
    sockHost: 'x.y.net/Base1',
    disableHostCheck: true,
    overlay: {
        warnings: false,
        errors: true
    },
}

已参考过类似问题但现有解决方案无效。

可行解决办法 #

1. 修正devServer的socket相关配置 #

Vue CLI 4.x对应的webpack-dev-server版本为3.x，需调整sockHost和sockPath配置，同时修正public参数：

publicPath: '/Base1/',
devServer: {
    port: port,
    open: true,
    host: '0.0.0.0',
    public: 'https://x.y.net/Base1', // 指定完整的公共访问地址（包含协议、域名和base路径）
    sockHost: 'x.y.net', // sockHost仅需设置域名，无需包含base路径
    sockPath: '/Base1/sockjs-node', // 明确指定带base前缀的socket路径
    disableHostCheck: true,
    overlay: {
        warnings: false,
        errors: true
    },
}

说明：webpack-dev-server 3.x中，sockPath是客户端连接socket的路径前缀，必须手动配置包含base路径；public参数用于告知客户端devServer的外部访问地址，需确保与实际访问地址一致。

2. 强制启用inline模式（可选） #

部分场景下，非inline模式会导致socket路径异常，可在devServer中添加以下配置确保模式正确：

devServer: {
    // ... 其他配置
    inline: true,
    clientLogLevel: 'warning'
}

3. 排查环境变量与缓存问题 #

• 检查是否存在VUE_APP_PUBLIC_PATH等环境变量覆盖了publicPath配置
• 执行npm run serve -- --no-cache启动服务，或删除node_modules/.cache目录后重启，避免缓存导致配置不生效

内容的提问来源于stack exchange，提问作者Solaris_9