uniapp 发布网站遇到的问题(跨域,nginx代理失败,index无法打开,手机端无法访问等)

跨域

如果开发的应用直接是作为手机APP是不存在跨域问题的,但是如果是网站形式就要考虑这个问题了
分为两点:
1.调试时
可通过设置maintest
在这里插入图片描述
2.发布后
可通过Nginx配置文件设置代理
在这里插入图片描述

nginx代理失败

1.配置问题
在这里插入图片描述
2.关闭,重新加载配置文件
使用以下方式关闭nginx(windows下)
taskkill /f /t /im nginx.exe

index无法打开

在这里插入图片描述

手机端无法访问
电脑端访问正常,手机端无法访问(局域网方式)
1.同一网段
2.关闭防火墙

【详细请参考前后几篇转载】
https://www.cnblogs.com/jiuhaoyun/p/10592273.html
https://cloud.tencent.com/developer/article/1662348?ivk_sa=1024320u
https://blog.youkuaiyun.com/qq_36133698/article/details/88582539?spm=1001.2101.3001.6661.1&utm_medium=distribute.pc_relevant_t0.none-task-blog-2%7Edefault%7ECTRLIST%7ERate-1.pc_relevant_antiscanv2&depth_1-utm_source=distribute.pc_relevant_t0.none-task-blog-2%7Edefault%7ECTRLIST%7ERate-1.pc_relevant_antiscanv2&utm_relevant_index=1
https://ask.dcloud.net.cn/question/73451

### UniApp 开发的小程序在手机端预览时无法访问接口的原因分析 当UniApp开发的小程序在手机端预览时遇到无法访问接口的情况,通常可能由以下几个原因引起: #### 1. 名未备案或不在合法名列表内 微信小程序对于请求的API地址有严格的安全策略。如果服务器所在的名没有经过ICP备案,或者该名并未配置到微信公众平台后台设置中的“业务名”里,则可能导致网络请求失败。 #### 2. HTTPS协议支持不足 为了保障数据传输安全,微信强制要求所有外部资源加载以及HTTP API调用都必须通过HTTPS方式进行。因此,确保服务端提供的是基于SSL/TLS加密过的链接至关重要[^1]。 ```javascript // 确认使用的URL是以https开头 const apiUrl = 'https://yourapi.com/path'; ``` #### 3. CORS资源共享问题 即使前端和服务端都是HTTPS协议,但如果存在不同源的情况下(即协议、主机名或端口号任何一个不相同),浏览器默认会阻止JavaScript发起的某些类型的HTTP请求。此时需要确认后端已正确设置了CORS响应头允许来自特定来源的请求[^2]。 ```http Access-Control-Allow-Origin: https://yourdomain.com Access-Control-Allow-Methods: GET, POST, PUT, DELETE, OPTIONS Access-Control-Allow-Headers: Content-Type, Authorization ``` #### 4. 请求路径错误或参数缺失 仔细检查发送给服务器的具体URL是否拼写无误,并且携带了必要的查询字符串或其他形式的数据体作为POST/PUT操作的一部分。任何细微差异都有可能会导致找不到对应的处理逻辑而返回404 Not Found等状态码。 #### 5. 微信环境下的特殊限制 部分情况下,即使是完全合规的服务也可能因为处于调试模式或是其他未知因素而在真机环境中表现异常。这时可以尝试更新最新版本的WeChat客户端再做验证;另外也要留意是否有新的政策调整影响到了现有功能[^3]。 ### 实现方案建议 针对上述提到的各种可能性逐一排查之后,还可以考虑采取如下措施来优化整体架构设计从而提高兼容性和稳定性: - **使用代理转发**:创建一个位于同一主下的中间层用于接收来自H5页面发出的真实请求并将之重定向至目标站点完成实际交互过程; - **引入CDN加速节点**:将静态资源托管于第三方内容分发平台上不仅可以加快下载速度而且有助于规避部分地区可能出现的封禁现象; - **增强日志记录机制**:无论是客户端还是服务端都应该具备完善的监控体系以便快速定位故障源头并及时修复漏洞。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值