I am trying to integrate a VR using three.js and i added this things to my code:

import { VRButton } from "three/examples/jsm/webxr/VRButton.js";

and

document.body.appendChild(VRButton.createButton(renderer1));
renderer1.xr.enabled = true;

My problem is that:

I guess my issue is that i am in localhost and in webpack server and URL is:

http://localhost:8080/

which is not https and i learnt from the

https://developer.mozilla.org/en-US/docs/Web/API/WebXR_Device_API that webxr only works on https.

Is it because of https, if yes how can i solve this so that i can learn !!! If no, what i need to do more !!!

Thank you