用web-view嵌入了一个页面，该原页面有按钮点击可打开设备摄像头。但是嵌入后页面点击按钮提示无法打开摄像头。怎么解决？

用web-view嵌入了一个页面，该原页面有按钮点击可正常打开设备摄像头。但是嵌入的页面点击按钮提示“127.0.0.1:8081上的嵌入式页面显示 打开摄像头失败”。（原页面依然可打开摄像头）有什么解决办法吗？

<template>
<view>
<web-view :src="arPageUrl" ref="webview"></web-view>
</view>
</template>
<script>
import axios from 'axios';
export default {
data() {
return {
arPageUrl: 'http://127.0.0.1:8081/ardemo-master/3d/index.html', // Web AR页面URL
};
},
methods: {}
};
</script>