H5 antd vue 微信公众号+java jeecgboot后端 发布时遇到的常见问题记录

1、java后端发布的配置+微信公众号配置

#小程序
wechat:
  #公众号
  mp:
    configs:
      # 支持多公众号配置
      # 第一个公众号的appid
        appId: aaa
        # 公众号的appsecret
        secret: bbb
        # 接口配置里的Token值
        token: ccc
        # 接口配置里的EncodingAESKey值
        aesKey: ddd
    url:
      serverUrl: https://eee.com/happybank/
      h5Url: https://fff.com

nginx配置

server {
        listen 443 ssl; //阿里云添加SSL证书并绑定域名
        server_name  eee.com; 
		ssl_certificate 	 pem文件名;
		ssl_certificate_key  key文件名;
		
		client_header_timeout 120s;
		client_body_timeout 120s;
		#文件大小
		client_max_body_size 3072M;
		client_body_buffer_size 1m;
		sendfile on;
		keepalive_timeout 600;
		
		location /happybank/ {
			proxy_pass   http://localhost:9800/happybank/;  //服务器上运行后端的地址
			proxy_set_header Host $host;
			proxy_set_header X-Real-IP $remote_addr;
			proxy_set_header Connection "Keep-Alive";
			proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
			proxy_next_upstream error timeout http_500 http_503;
			proxy_connect_timeout 120s;
			proxy_send_timeout 120s;
			proxy_read_timeout 120s;
			
       }

        location / {
            root   D:/Project/mood/h5; //前端antd文件打包后放置的路径
            index  index.html;
			if (!-e $request_filename) {
				rewrite ^(.*)$ /index.html?s=$1 last;
				break;
			}
			#try_files $uri $uri/ @router;		
        }

        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }
    }

2、antd 的H5页面配置
1、vue.config.js中的代理地址

 devServer: {
    //端口
    port: 9800,
    //代理
    proxy: {
      '/api': {
        target: 'https://eee.com/happybank', 
        // ws: false,
        logLevel: 'debug', //输出真实路径
        changeOrigin: true,
        pathRewrite: {'^/api': ''}, // /server/api/currentUser -> /api/currentUser
      }
    }
  },

src/api/config.js文件

const prefix = ""
const api = {
  user: prefix+'/user',
  role: prefix+'/role',
  service: prefix+'/service',
  permission: prefix+'/permission',
  permissionNoPager: prefix+'/permission/no-pager',
}

3、微信公众号平台的设置
前提：一个经过微信认证的服务号，java后端配置信息与公众号开发信息一致

设置与开发-公众号设置-功能设置：
与java后端配置的url的后端地址一致
与nginx配置的访问地址一致

PS：公众号配置后点击按钮最容易出现的问题：微信授权redirect_uri参数 错误码10003:；redirect_uri域名与后台配置不一致错误
1、授权请求redirect_uri配置 与 微信公众号服务号上配置的域名不一致：
例如redirect_uri = “https://eee.com/happybank”，name后台域名就是“eee.com/happybank”。使用URLDecode解码一下，不要直接复制粘贴
2、“设置”-“公众号设置”-“功能设置”：
JS接口安全域名修改，网页授权域名修改。
修改的时候需要下载一个txt验证文件，放到后端程序jar包以后，需要修改Shiro，在ShiroConfig类中添加配置不会被拦截。

如果有问题，可获取自定义创建的菜单，查看rediret_url地址查看路径