这几天在弄微信小程序,哇,那是一个深不见底的坑。唉~三番五次被腾讯拒之门外
所以,最后我把我们最核心的东西(类似于朋友圈的备忘录)删除了,花了多少心血啊~
这个先不提了,回到今天的主题,图床。
大家有没有过在微信小程序编译阶段,背景图可以显示,一到预览或者真机调试就会出现不显示的情况。脑阔疼。
解答:
其实预览或者真机背景图不显示有以下原因:
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'); //引用 got
cloud.init()
// 云函数入口函数
exports.main = async (event, context) => {
//let getResponse = await got('httpbin.org/get') //get请求 用httpbin.org这个网址做测试
//return getResponse.body
let postResponse = await got(event.url, {
method: 'GET', //post请求
// headers: {
// 'Content-Type': 'application/json'
// },
// body: JSON.stringify()
})
return JSON.parse(postResponse.body); //返回数据
}