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

news/2024/7/20 3:53:58 标签: vue.js, css, 小程序, 前端, ajax

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

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


http://www.niftyadmin.cn/n/615199.html

相关文章

#vue# element-ui 如何修改类名

问题&#xff1a; 在使用element组件的时候&#xff0c;经常会出现样式不符合我们项目预期的情况&#xff0c;这个时候我们就可以通过修改组件的样式 步骤如下 使用组件的时候&#xff0c;F12可以找到组件的类名 在页面里面加入<style></style>&#xff08;位置…

ABP框架按条件导出

web层 .js导出事件&#xff1a; //导出为excel文档 $(#btn-export).click(function () { //得到查询的参数 var temp { //这里的键的名字和控制器的变量名必须一直&#xff0c;这边改动&#xff0c;控制器也需要改成一样的 ProcessSteps_RecordId: $("#ProcessSteps_Reco…

#前端#Vue追加样式,实现动态进度条/仪表盘

一、需求&#xff1a; 在开发中&#xff0c;我们时常会遇到一些需要动态获取数据在页面的变化 二、思路&#xff1a; 2.1直接展示效果 追加样式&#xff1a;距离左边、右边的距离&#xff08;纯数据直接展示&#xff09;&#xff08;原生样式&#xff09; &#xff08;1&…

#vue#实现浏览器全屏可视化(进入、退出全屏)附源码

需求&#xff1a; 点击按钮&#xff0c;实现全屏&#xff0c;再次点击&#xff0c;退出全屏 效果如下&#xff1a; &#xff08;1&#xff09;原页面&#xff1a; &#xff08;2&#xff09;点击全屏按钮后的页面&#xff08;已进入全屏模式&#xff09; ​​​​​​​ &…

选择排序精简理解

原理&#xff1a;遍历数组&#xff0c;从第一个开始&#xff0c;将其与剩余的元素进行比较&#xff0c;记录最小的元素及其所在的位置&#xff0c;结束后&#xff0c;将其与应该放到的位置上的元素对调&#xff0c;直到完成排序。 借用网上的动图直观的看下&#xff1a; 思想&a…

#vue# css样式穿透::v-deep的具体使用

一、需求&#xff1a; 使用element-ui等一些第三方组件库时&#xff0c; 由于实际项目的差异性&#xff0c;往往需要修改element-ui的css样式&#xff0c; 这个时候就需要我们单独针对该页面进行修改样式。 二、方法&#xff1a; 使用::v-deep样式穿透进行修改即可 三、步骤…

#微信小程序# 在小程序里面退出退出小程序(navigator以及API--wx.exitMiniProgram)

需求&#xff1a; 在微信小程序里面&#xff0c;点击“取消”字样即可退出小程序&#xff0c;返回微信聊天界面 效果&#xff1a; 步骤&#xff1a; 方法一&#xff1a; 直接使用uni-app的组件——navigator&#xff0c;修改参数open-type"exit" target"min…

ZOJ 4064

原题链接 题意 给定1个长度为n的序列&#xff0c;该序列只含\(0/1/2\)。 你可以进行如下操作&#xff1a;选中不含1的连续区间\([l,r]\)&#xff0c;令区间内所有2变为0。 恰好进行m次操作&#xff0c;令所有2变为0。求共有多少种不同的操作序列。 \(1 \leq n\leq 100,1\leq m\…