uni-app开发微信小程序时，使用dcloud阿里云，真机调试无法获取云端资源

发布于 1周前 作者 bupafengyu 来自 Uni-App

uni-app开发微信小程序时，使用dcloud阿里云，真机调试无法获取云端资源

问题描述

uniapp开发的一款微信小程序，正常运行已有2年多，近期因为dcloud腾讯云升级，需要空间迁移，所以重新申请了一个阿里云空间做为后台。目前的情况是，数据已迁移，小程序后端白名单url已添加，小程序在开发者工具上运行，开启域名校验也可以正常运行。但扫码到真机上只能获取云数据库的数据，云存储中的图片资源都加载不出来。在uniapp端发布正式版小程序上传为体验版也是一样的效果。只有在开发者工具里运行正常。各位有跟我遇到相同问题的吗？还有哪里需要配置什么吗？请各位大佬指点一下，谢谢！

信息类型 内容
开发环境 uniapp
版本号 未提及
项目创建方式 未提及

Harmonyos Next教程
4 回复

加载不出来有什么报错信息嘛


有的，大佬。真机调试的时候在控制台里有报错。我把截图发在下面麻烦您帮看一下，谢谢

开发者工具上运行一切正常，真机调试在控制台里显示如下报错信息，本人小白，没太明白这个报错是哪里的问题，请各位大佬指点一下，感谢各位！！！

在开发uni-app微信小程序并使用dcloud阿里云进行资源托管时，如果遇到真机调试无法获取云端资源的问题，通常可能是由几个原因导致的：域名配置、CORS设置、网络请求配置等。以下是一些可能的解决方案和相关代码示例，帮助你排查和解决问题。

1. 检查域名配置

确保你在微信公众平台的“开发设置”中正确配置了服务器域名。对于使用dcloud阿里云的资源，你需要配置“request合法域名”和“uploadFile合法域名”（如果涉及到文件上传）。

2. 配置CORS（跨域资源共享）

如果你的资源（如图片、API接口等）托管在阿里云上，确保已经正确配置了CORS策略，允许你的微信小程序访问。

3. 网络请求配置

在uni-app中，使用uni.request进行网络请求时，确保请求的URL是正确配置的，并且没有违反微信小程序的网络请求限制。

示例代码

配置请求URL

// 假设你有一个API接口托管在阿里云上
const apiUrl = 'https://your-aliyun-domain.com/api/your-endpoint';

uni.request({
    url: apiUrl,
    method: 'GET',
    success: (res) => {
        console.log('请求成功', res.data);
    },
    fail: (err) => {
        console.error('请求失败', err);
    }
});

处理CORS问题

如果你发现是因为CORS问题导致的资源无法加载，你可能需要在阿里云的OSS（对象存储服务）或相关服务中配置CORS规则。以下是一个简单的CORS配置示例（JSON格式）：

[
    {
        "AllowedOrigin": "*",
        "AllowedMethod": [
            "GET",
            "POST",
            "PUT",
            "DELETE",
            "HEAD"
        ],
        "AllowedHeader": [
            "*"
        ],
        "ExposeHeader": [
            "ETag"
        ],
        "MaxAgeSeconds": 86400
    }
]

将这个配置应用到你的阿里云OSS Bucket设置中。

4. 检查网络请求拦截

确保你的微信小程序没有开启任何形式的网络请求拦截（如某些安全软件或开发者工具中的设置）。

5. 调试和日志

使用uni-app和微信开发者工具的调试功能，查看网络请求的详细信息和错误日志，这可以帮助你更准确地定位问题。

通过上述步骤和代码示例，你应该能够诊断并解决uni-app微信小程序在真机调试时无法获取dcloud阿里云资源的问题。如果问题依旧存在，建议检查阿里云服务的状态或联系dcloud技术支持获取更专业的帮助。

回到顶部