我们可以根据微信的开发者文档  http://mp.weixin.qq.com/wiki/17/c0f37d5704f0b64713d5d2c37b468d75.html

网页授权获取用户验证这一章来排除错误原因。

如果确定appid等参数值没有出错，那么很大可能就是你的微信公众号后台的网页授权网址没有填写或者填写的不正确。

1、在微信公众号请求用户网页授权之前，开发者需要先到公众平台官网中的开发者中心页配置授权回调域名。
请注意，这里填写的是域名（是一个字符串），而不是URL，因此请勿加http://等协议头；
2、授权回调域名配置规范为全域名，比如需要网页授权的域名为：www.qq.com，
配置以后此域名下面的页面http://www.qq.com/music.html 、 http://www.qq.com/login.html 都可以进行OAuth2.0鉴权。
但http://pay.qq.com 、 http://music.qq.com 、 http://qq.com无法进行OAuth2.0鉴权

搞了半天，才发现原来网页授权网址必须和redirect_uri的全域名要一样。 比如网页授权网址填的是qq.com， redirect_uri写www.qq.com/callback_uri 这样也会报错。