Question

我正在使用Google VR View来显示VR摄像机图像。

但是在使用这样的iframe代码时会发生CROS错误。

<iframe src="//storage.googleapis.com/vrview/2.0/index.html?video=http://localhost:4000/temp/1537502215991.mp4&is_stereo=true">

这是Chrome中的错误 enter image description here 这是我的快速服务器代码部分。

// in app.js

var app = express();
var testRouter = require('./routes/test');

app.use(express.static('upload'));

app.use(function (req, res, next) {
  console.log(res.header);
  res.header('Access-Control-Allow-Origin', '*');
  res.header('Access-Control-Allow-Methods', 'GET, POST, PUT, DELETE');
  res.header('Access-Control-Allow-Headers', 'content-type, authroization');
  next();
});  


app.use('/', routes);
app.use('/api/test', testRouter);


// in routes/test.js
router.get('/vrcamera', function(req, res) {
  var html = `<html>
  <head>
  </head>
  <body>
      <div id="vrview">
        hi
        <iframe src="//storage.googleapis.com/vrview/2.0/index.html?video=http://localhost:4000/temp/1537502215991.mp4&is_stereo=true">
        </iframe>
      </div>
  </body>
</html>`

  res.send(html);
});

如何处理Google VR视图中的CROS错误

0 个答案: