Uniapp综合手册

1、Access to XMLHttpRequest at 'XXXXXX' from origin 'XXXXXXX' has been blocked by CORS policy:

Response to preflight request doesn't pass access control check: It does not have HTTP ok status.

分析：原以为是跨域问题,前后端都对跨域做了处理但是没用,没想到调后端接口时会发送两次请求,

一次是options ,options通过后再发送get或者post请求,在一开始后端只对请求做了一次拦截,导致

前端发送请求时后端只能接收到options请求,并且无token存在,最终解决方法是后端对options做了

处理,检测到是option请求时直接放行,然后就ok啦

 

解决：在 Web.config 中配置跨域，修改默认配置。

重点先行，注释掉以下这句：<!--<remove name="OPTIONSVerbHandler" />-->

 

2、设置TabBar栏的消息提示角标

 

有两种情况，一种是添加数字，一种是添加红点。比如可以添加到页面事件的Onload加载事件中，
或者添加至任何页面的js事件里即可。事件执行，则显示或移除

第一种添加数字：
uni.setTabBarBadge({ //显示数字
  index: 2,//tabbar下标
  text: '1'//数字
})
uni.removeTabBarBadge({ //隐藏数字标
  index:2
})  


第二种添加红点：
uni.showTabBarRedDot({ //显示红点
  index: 2
})
uni.hideTabBarRedDot({ //隐藏红点
  index:2
})

 3、动态添加图片

<view class="nav_item" v-for="(bl,index) in billList" :key="index">
<navigator url="../BizSCM/SaleOrderManage">
<view>
<image :src="bl.FMobileImage" mode="aspectFit"></image>
</view>
<view><text>销售订单</text></view>
</navigator>
</view>

其中，bl.FMobileImage的值为“/static/icon/menu11_saleOrder.png”。

原因：

1、图片目录必须是static开头

2、静态图片这样写可行<image src='@/static/icon/menu11_saleOrder.png'></image>

     动态图片要把@去掉