一、基本概念
uniapp是一款基于vue.js框架的跨平台开发工具，可以通过一套代码实现在不同平台下的应用开发。刷新页面是web开发中的基本操作，简单来说，刷新页面就是重新加载当前页面，获取最新的信息。在uniapp中，可以通过多种方式实现页面刷新。
二、通过meta标签刷新页面
在HTML中，可以通过meta标签来设置页面的元数据，例如页面的描述、关键字、作者等等，还可以通过 来设置页面的刷新时间间隔，单位为秒。
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="refresh" content="5">
<title>Page Title</title>
</head>
<body>
</body>
</html>
三、通过location.reload()方法刷新页面
在js中，可以通过location.reload()方法来重新加载当前页面，获取最新的信息。该方法的参数可以控制是否强制从服务器重新加载页面，并且可以在不刷新页面的情况下修改URL。
<script>
function refreshPage() {
location.reload();
}
</script>
<button onclick="refreshPage()">Refresh Page</button>
四、通过app.$options.mounted生命周期函数刷新页面
在uniapp中，每个页面都有自己的生命周期函数，其中mounted生命周期函数表示页面已经挂载到DOM上，可以在该函数中执行一些操作，例如刷新页面，获取后台数据等等。
<template>
<div>
<p>{{ message }}</p>
<button @click="refreshPage">Refresh Page</button>
</div>
</template>
<script>
export default {
data() {
return {
message: 'Hello uniapp!'
}
},
mounted() {
this.refreshPage();
},
methods: {
refreshPage() {
location.reload();
}
}
}
</script>
五、通过uni.navigateBack()方法刷新页面
在uniapp中，可以通过uni.navigateBack()方法来返回上一个页面，从而实现页面的刷新。该方法会触发目标页面的onShow生命周期函数，可以在该函数中执行一些操作，例如获取后台数据。
// pageA.vue
<template>
<button @click="goToPageB">Go to Page B</button>
</template>
<script>
export default {
methods: {
goToPageB() {
uni.navigateTo({
url: '/pages/pageB'
})
}
}
}
</script>
// pageB.vue
<script>
export default {
onShow() {
const pages = getCurrentPages();
const prevPage = pages[pages.length - 2];
prevPage.onLoad();
}
}
</script>
六、总结
通过meta标签、location.reload()方法、mounted生命周期函数、uni.navigateBack()方法等多种方式，可以实现uniapp中页面的刷新，需要根据具体的业务需求选择合适的方法。
