微信小程序开发坑背景图之微博图床

这几天在弄微信小程序，哇，那是一个深不见底的坑。唉~三番五次被腾讯拒之门外

所以，最后我把我们最核心的东西（类似于朋友圈的备忘录）删除了，花了多少心血啊~

这个先不提了，回到今天的主题，图床。

大家有没有过在微信小程序编译阶段，背景图可以显示，一到预览或者真机调试就会出现不显示的情况。脑阔疼。

解答：

其实预览或者真机背景图不显示有以下原因：

1.图片地址不支持相对地址。就是说不支持（../../images/xxx.jpg）,必须时基于绝对地址的(/project/images/xxx.png)等。

2.图片不支持空格以及中文命名，所以按照命名规范去命名吧~

3.这是最重要的，那就是css里面的必须时http的，所以这就需要图床了。

以前我用过七牛云的图床，好爽，没人一个域名啊限流啊流量监控啊什么的，但是啊但是，要money。作为传统的中国人民，要money总是不怎么好，所以，不想花钱，就只能用一用图床了。

微博图床：

其实使用网易、新浪的产品，上传的图片都是提供http url的，所以，每一张图片都对应着网络地址。像什么微博发表图文啊，有道云笔记发表笔记啊。所以我们要做的，就是用谷歌浏览器检查一下它的地址拿来用就行。这里感谢微博，感谢有道云。

最后安利一波微信小程序的怎么使用云函数逃避域名检测：

// 云函数入口文件
const cloud = require('wx-server-sdk')const got = require('got'); //引用 gotcloud.init()// 云函数入口函数
exports.main = async (event, context) => {//let getResponse = await got('httpbin.org/get') //get请求 用httpbin.org这个网址做测试 //return getResponse.bodylet postResponse = await got(event.url, {method: 'GET', //post请求// headers: {//   'Content-Type': 'application/json'// },// body: JSON.stringify()})return JSON.parse(postResponse.body); //返回数据
}

微信小程序开发坑背景图之微博图床相关推荐

微信小程序开发流程（附思维导图）
一.工具 HBuilder X 介绍 HBuilderX内置相关环境,开箱即用,无需配置nodejs 安装下载App开发版,可开箱即用:如下载标准版, 在运行或发行uni-app时,会提示安装uni ...
微信小程序开发：背景图片设置
开发微信小程序时,不能直接在wxss文件里引用本地图片,运行时会报错:"本地资源图片无法通过WXSS获取,可以使用网络图片,或者 base64,或者使用<image/>标签.&q ...
python天气查询小程序加背景图_微信小程序开发背景图显示功能
这两天开发微信小程序,在设置背景图片时,发现在wxss里面设置background-image:(url) 属性,不管是开发工具还是线上都无法显示.经过查资料发现,background-image只能 ...
微信小程序开发踩坑经验——小蜗社群
2019独角兽企业重金招聘Python工程师标准>>> 之前遇到并且解决的坑,这边也渐渐忘记了,在这里就不列出来了-- 1.wx.redirectTo和wx.navigateTo ...
微信小程序全屏背景图
微信小程序全屏背景图,解决你在设置过程中出现的多次背景图重复出现的问题 wxml <view class="container" style="height: {{ ...
微信小程序开发之路（十三）正式开工--设计ER图与数据库的创建
微信小程序开发之路(十三)正式开工–设计ER图数据库的创建先制作班费公是示功能我们在项目的 settings.py 文件中找到 DATABASES 配置项,将其信息修改为: DATABASES = ...
人气头像榜单壁纸套图下载流量主微信小程序开发
人气头像榜单壁纸套图下载流量主微信小程序开发云开发,小程序免服务器和域,.包括微信和QQ端小程序,本程序包括壁纸下载,头像下载,套图下载,刘海壁纸制作,动态壁纸下载等功能. 功能服务// 微信小程序 ...
微信小程序开发的那些坑，你踩过吗？
微信小程序开发的那些坑,你踩过吗? textarea组件value不显示 textarea组件默认值绑定data数据真机不显示问题 |?链接使用.switchTab跳转到tabbar页传递参数问题 ...
HBuilderX和微信小程序开发避坑
Unexpected token语法错误笔者认为是HBuilderX自己的一些小bug 有时候HbuilderX会给你来个,定位定到姥姥家的--语法错误,它给你定到一个与错误八竿子打不着的地方,如下 ...

微信小程序开发坑背景图之微博图床

微信小程序开发坑背景图之微博图床相关推荐

最新文章

热门文章