I want to load a facebook page in my app within the Page container so that the app’s navigation bar is still present. I’m using framework7-vue, and this is the code I tried:
export default {
on: {
pageInit(e) {
const self = this;
const app = self.$f7;
const $ = self.$$;
app.request({
method: 'GET',
url: 'https://m.facebook.com/RANDOM.ORG',
complete: function(xhr, status) {
console.log(xhr, status);
}
})
},
pageBeforeRemove() {
let self = this;
}
}
};
</script>
It fails with a “No ‘Access-Control-Allow-Origin’ header is present on the requested resource.”
I know this is a CORS issue and I have tried everything from setting crossDomain to true, and even tried using the same headers that my browser uses when I load the page manually. Is there any way to do this? I simply want to load a facebook page with the navigation bar of my app still present.