NutzCN Logo
问答 前后端分离微信工程、前端工程页面一直刷新,求教
发布于 1958天前 作者 qq_d6d46f6d 2489 次浏览 复制 上一个帖子 下一个帖子
标签: nginx

1、为了获取微信接口相关信息,使用了ngrok反向代理、微信接口配置是成功的
2、访问前台工程、通过反向代理域名访问。
但是页面一直刷新,在页面渲染完成后就断开重连,导致不断刷新(异常);
直接使用localhost + 端口是可以访问前台页面,不会刷新(正常);
访问后端工程、没有出现多次访问(正常)
使用的技术 前台 react / 后台springboot

  server {
        listen       10010;
        server_name  qqzd6d46f6d.ngrok.wendal.cn;
	
        root         /usr/local/var/www/;
		# app后台
		location /api/hwe/ {
				proxy_pass    http://127.0.0.1:9600/hwe/;
				proxy_buffering off;
				proxy_set_header Host $host;
				proxy_set_header X-Real-IP $remote_addr;
				proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
		}
	
		
	location /hwe/mobile/ {
			proxy_pass    http://127.0.0.1:8000/;
			proxy_buffering off;
			proxy_set_header Host $host;
			proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
	
	}
8 回复

本地package.json部分内容

 "scripts": {

    "start": "set ESLINT=none && roadhog server && cross-env APP_TYPE=site PORT=8000 SOCKET_SERVER=none umi dev",
    "start:no-mock": "cross-env MOCK=none PORT=8000 SOCKET_SERVER=none umi dev",
    "build": "set ESLINT=none&&roadhog build",
    "lint": "eslint --ext .js src test",
    "precommit": "npm run lint"
  },

原始是这样的,上面这段是查了半天,看到一个类似的现象的,拿来试一下

  "scripts": {
    "start": "set ESLINT=none&&roadhog server",
    "build": "set ESLINT=none&&roadhog build",
    "lint": "eslint --ext .js src test",
    "precommit": "npm run lint"
  },

disconnect的是websocket吧, nutzcn的ngrok并不支持websocket

同时电脑没有使用反向代理,但依然出现无限刷新。

也是走了nginx? 要配proxy_http_version 1.1 及 几个额外配置,才能支持websocket的.

添加回复
请先登陆
回到顶部