EventSource数据一次性出来，并未流式输出的原因

FlowingRiver

已于 2024-03-13 16:13:58 修改

阅读量3.6k

点赞数 24

文章标签： javascript 前端 vue.js 前段代理

于 2024-03-08 15:04:01 首次发布

本文链接：https://blog.youkuaiyun.com/gloriaied/article/details/136562498

版权

文章讨论了在Vue应用中使用EventSource流时，开发阶段若启用Vue自带的devServer代理，必须关闭compress选项以确保数据按需推送。同时，部署到Nginx时，需配置特定header以实现EventSource的逐块传输效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

基于txt/event-stream的EventSource流，使用代理时需注意：
开发阶段如果使用vue自带的代理，需要关闭compress，即

  devServer: {
    proxy: {
      '/xx': {
        target: ip,
        changeOrigin: true,
        pathRewrite: {
          '^/xx': '/xx'
        }
      },
    },
    compress: false
  }

再nginx部署则需要在location配置：

add_header Cache-Control no-cache;
proxy_set_header Connection '';
proxy_http_version 1.1;
chunked_transfer_encoding off;
proxy_buffering off;
proxy_cache off;

否则数据不会一点点的给出，而是一次性给出，达不到使用EventSource的效果。