使用uni-app开发小程序的一个小坑:
在开发过程中,遇到的一个报错:
[渲染层网络层错误] Failed to load font http://172.16.0.234:8081/profile/upload/style.ttf net::ERR_CONNECTION_TIMED_OUT (env: Windows,mp,1.05.2109131; lib: 2.20.2)
在使用其他办法还解决不了的情况下,我们可以设置全局变量机制来进行解决
使用globalData(全局变量机制。这套机制在uni-app里也可以使用,并且全端通用)
uni-app官网uni-app:一个使用 Vue.js 开发跨平台应用的前端框架https://uniapp.dcloud.io/collocation/App?id=globaldata在APP.vue里面加入
<script>
export default {
data() {
return {
code: null,
sessionKey: null,
signature: null,
rawData: null,
encryptedData: null,
iv: null,
}
},
globalData: {
baseUrl: 'https://xxxxx.xxxxzg.com/web-api/'
//baseUrl: 'http://172.16.0.xxx:8081'
},
onLaunch: function() {
this.globalData
},
onLoad() {
},
onShow: function() {
console.log('App Show')
},
onHide: function() {
console.log('App Hide')
},
methods: {
}
}
</script>
<style>
/*每个页面公共css */
body {
font-family: 'PingFang-SC-Regular';
}
@font-face {
font-family: 'PingFang-SC-Regular'; //创建一个number_font字体名称
/* src: url("http://172.16.0.234:8081/profile/upload/style.ttf"); //引入本地字体源文件 */
/* src: url("https://exercise.zjyqzg.com/web-api//profile/upload/style.ttf"); //引入本地字体源文件 */
}
::-webkit-scrollbar {
display: none !important;
width: 0 !important;
height: 0 !important;
-webkit-appearance: none;
background: transparent;
}
</style>
然后在相应的页面里面进行使用即可