小程序 403

开发小程序遇到的问题

小程序项目结构

*pages //业务集

*utils //公共集,通过require() 调用

app.js //主程序,可以定义整个小程序的生命周期及公共方法\全局变量,通过var app = getApp();app.调用

app.json//主配置,配置小程序是由哪些页面组成,配置小程序的窗口背景色,配置导航条样式,配置默认标题。注意该文件不可添加任何注释。

app.wxss//公共样式表

 

  1. 连接报403 Forbidden:跨域问题,在服务器设置head:Access-Control-Allow-Origin 例:response.setHeader("Access-Control-Allow-Origin", "*");
  2. JSON.parse(string) SyntaxError: Unexpected token ' in JSON at position :格式问题,{img:http://..},{"img":http://..}都要改为 {"key":"value"} 例:{"img":"http://.."}
  3. 拼接字符串可以使用``,变量使用${}输出,例:var data=`{"img":"${url}"}`
  4. scroll-view>scroll-into-view 定位不准,使用unshift 在数组最前面插入数据
  5. <input type="text" value="{{inputValue}}" bindinput="binginput"/> inputValue可以控制input内容,在input输入内容inputValue不会改变,定义,Page中定义binginput:function(e){this.setData({inputValue:e.detail.value})}

 

转载于:https://my.oschina.net/u/210357/blog/827234

### 微信小程序 GET 请求 403 错误解决方案 当遇到微信小程序中的GET请求返回403错误时,通常意味着服务器拒绝了该请求。这可能是由于权限不足、跨域资源共享(CORS)设置不当或其他安全策略所引起的。 #### 检查并配置CORS 确保服务器端已正确设置了Cross-Origin Resource Sharing (CORS),允许来自微信小程序域名的访问。如果未适当配置,则会触发浏览器的安全机制阻止请求[^2]。 #### 验证Token有效性 对于需要身份验证的操作,在发起任何受保护资源之前应先获取有效的access token,并将其包含于每次API调用之中作为认证凭证的一部分。考虑到token可能过期或失效的情况,建议实现自动刷新逻辑来处理这种情况下的重试流程[^3]。 #### 设置合适的Request Header 有时特定的应用程序接口(APIs)可能会期待某些自定义头部字段的存在与否决定是否接受客户端发出的数据包;因此确认目标服务文档说明里是否有提及到必需传递给它的额外参数是非常重要的一步操作[^1]。 #### 使用HTTPS协议 鉴于现代Web开发实践倾向于强制使用加密传输层(TLS),所以务必保证所有的网络交互都通过SSL/TLS通道完成——即采用`https://`而非明文形式(`http://`)去连接远程主机上的web services endpoint[^4]. ```javascript // 示例代码展示如何构建一个带有必要headers以及遵循上述指导原则的小程序get请求 const url = "your_api_endpoint_here"; wx.request({ url, method: 'GET', header: { 'content-type': 'application/json', // 默认值 Authorization: `Bearer ${accessToken}`, // 如果api要求鉴权的话 ...otherHeadersYouNeedToSet // 可能还有其他一些特殊的header项要加进来 }, success(res){ console.log('data fetched successfully:',res.data); }, fail(err){ console.error('fetch data failed:',err.errMsg); } }); ```
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值