#小程序#如何解决渲染层网络层错误？

小程序避坑：[渲染层网络层错误] 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)

Miraitowa_chole

13915人浏览 · 2022-02-14 00:53:46

Miraitowa_chole · 2022-02-14 00:53:46 发布

使用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>

然后在相应的页面里面进行使用即可