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

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

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

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

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

解答：

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

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); //返回数据
}