最新消息: 电脑我帮您提供丰富的电脑知识,编程学习,软件下载,win7系统下载。

res.sendFile(file)和express.static(file)之间的不同之处

IT培训 admin 4浏览 0评论

res.sendFile(file)和express.static(file)之间的不同之处

我正在制作一个Web应用程序,我可以在其中上传我已经完成的一些Three.js虚拟现实项目并将其提供给浏览器。

[当我开始制作它时,我对VR文件夹进行了快速测试,以查看是否可行。代码起作用了,所以我开始花很多时间开发应用程序。我使用的代码如下:

app.use('/', express.static('/Users/virtuload-beta/backend/uploads/065fe1658b1374605f31d100eb1e7a1a1568654427336/Nancy_Collins_118226967_v2/'))

这很好,浏览器渲染了我的VR场景。我还想确保可以动态提供文件(例如,用户单击要使用href指向URL的href渲染哪个VR场景),所以我执行了下面的代码,效果也很好:

const filepath = '065fe1658b1374605f31d100eb1e7a1a1568654427336/Nancy_Collins_118226967_v2/'
app.use('/', express.static(`/Users/virtuload-beta/backend/uploads/${filepath}`))

我现在基本上已经完成了该应用程序,除了我有一个大问题,当我为VR文件夹提供了指定的index.html文件(您需要使用res.sendFile进行处理)时,浏览器无法读取该文件夹中的文件而我得到红色错误。

我的函数不再将其用作静态文件,它从URL获取ID,然后从mongodb查找文件路径,如下所示:

const servepath = (req, res, next) => {
    let id = req.params.id
    Upload.findById(id)
      .populate('Upload')
      .select('relPath') //relPath = /folder/subfolder
      .exec(function (err, upload) {
        if (err) {
          res.send(err)
          console.log(err)
        } else {
          const dir = path.join(__dirname, '..', '../vr/uploads')
          const filepath = `${upload.relPath}`
          const fulldir = path.join(dir, filepath)
          console.log(fulldir)
              try {
                    res.sendFile('index.html', {root: `${fulldir}`});

                }
              }
              catch (e) {
                console.error(e)
              }
          // return next();
        }
      })
}

浏览器正在查找html文件,但无法使用其解析JS文件:

GEThttp://localhost:3000/api/5d8b74be2af25086ab77fef7/js/three.jsnet :: ERR_ABORTED 404(未找到)vr:21 GEThttp://localhost:3000/api/5d8b74be2af25086ab77fef7/js/OrbitControls.jsnet :: ERR_ABORTED 404(未找到)vr:22 GEThttp://localhost:3000/api/5d8b74be2af25086ab77fef7/js/GLTFLoader.jsnet :: ERR_ABORTED 404(未找到)vr:23 GEThttp://localhost:3000/api/5d8b74be2af25086ab77fef7/js/FBXLoader.jsnet :: ERR_ABORTED 404(未找到)vr:24 GEThttp://localhost:3000/api/5d8b74be2af25086ab77fef7/js/inflate.min.jsnet :: ERR_ABORTED 404(未找到)vr:25 GEThttp://localhost:3000/api/5d8b74be2af25086ab77fef7/js/WebGL.jsnet :: ERR_ABORTED 404(未找到)vr:118 GEThttp://localhost:3000/api/5d8b74be2af25086ab77fef7/MainScene.jsnet :: ERR_ABORTED 404(未找到)

当我将文件路径硬编码到我在此处指定的第一行代码(express.static)时,vr呈现完美……我试图将这些文件作为静态文件提供,但是您不能动态地执行,因此名称为“静态”文件。有人知道为什么会这样吗?

我对标题不是很了解,我对标题的缺乏了解可能会成为问题吗?

我正在制作一个Web应用程序,我可以在其中上传我已经完成的一些Three.js虚拟现实项目并将其提供给浏览器。当我开始制作它时,我对我的VR文件夹进行了快速测试,看是否...

回答如下:

您的servepath处理程序显然处理了对GET /api/:id的请求。当浏览器收到与index.html参数匹配的id的内容时,可能会找到表示为relative

res.sendFile(file)和express.static(file)之间的不同之处

我正在制作一个Web应用程序,我可以在其中上传我已经完成的一些Three.js虚拟现实项目并将其提供给浏览器。

[当我开始制作它时,我对VR文件夹进行了快速测试,以查看是否可行。代码起作用了,所以我开始花很多时间开发应用程序。我使用的代码如下:

app.use('/', express.static('/Users/virtuload-beta/backend/uploads/065fe1658b1374605f31d100eb1e7a1a1568654427336/Nancy_Collins_118226967_v2/'))

这很好,浏览器渲染了我的VR场景。我还想确保可以动态提供文件(例如,用户单击要使用href指向URL的href渲染哪个VR场景),所以我执行了下面的代码,效果也很好:

const filepath = '065fe1658b1374605f31d100eb1e7a1a1568654427336/Nancy_Collins_118226967_v2/'
app.use('/', express.static(`/Users/virtuload-beta/backend/uploads/${filepath}`))

我现在基本上已经完成了该应用程序,除了我有一个大问题,当我为VR文件夹提供了指定的index.html文件(您需要使用res.sendFile进行处理)时,浏览器无法读取该文件夹中的文件而我得到红色错误。

我的函数不再将其用作静态文件,它从URL获取ID,然后从mongodb查找文件路径,如下所示:

const servepath = (req, res, next) => {
    let id = req.params.id
    Upload.findById(id)
      .populate('Upload')
      .select('relPath') //relPath = /folder/subfolder
      .exec(function (err, upload) {
        if (err) {
          res.send(err)
          console.log(err)
        } else {
          const dir = path.join(__dirname, '..', '../vr/uploads')
          const filepath = `${upload.relPath}`
          const fulldir = path.join(dir, filepath)
          console.log(fulldir)
              try {
                    res.sendFile('index.html', {root: `${fulldir}`});

                }
              }
              catch (e) {
                console.error(e)
              }
          // return next();
        }
      })
}

浏览器正在查找html文件,但无法使用其解析JS文件:

GEThttp://localhost:3000/api/5d8b74be2af25086ab77fef7/js/three.jsnet :: ERR_ABORTED 404(未找到)vr:21 GEThttp://localhost:3000/api/5d8b74be2af25086ab77fef7/js/OrbitControls.jsnet :: ERR_ABORTED 404(未找到)vr:22 GEThttp://localhost:3000/api/5d8b74be2af25086ab77fef7/js/GLTFLoader.jsnet :: ERR_ABORTED 404(未找到)vr:23 GEThttp://localhost:3000/api/5d8b74be2af25086ab77fef7/js/FBXLoader.jsnet :: ERR_ABORTED 404(未找到)vr:24 GEThttp://localhost:3000/api/5d8b74be2af25086ab77fef7/js/inflate.min.jsnet :: ERR_ABORTED 404(未找到)vr:25 GEThttp://localhost:3000/api/5d8b74be2af25086ab77fef7/js/WebGL.jsnet :: ERR_ABORTED 404(未找到)vr:118 GEThttp://localhost:3000/api/5d8b74be2af25086ab77fef7/MainScene.jsnet :: ERR_ABORTED 404(未找到)

当我将文件路径硬编码到我在此处指定的第一行代码(express.static)时,vr呈现完美……我试图将这些文件作为静态文件提供,但是您不能动态地执行,因此名称为“静态”文件。有人知道为什么会这样吗?

我对标题不是很了解,我对标题的缺乏了解可能会成为问题吗?

我正在制作一个Web应用程序,我可以在其中上传我已经完成的一些Three.js虚拟现实项目并将其提供给浏览器。当我开始制作它时,我对我的VR文件夹进行了快速测试,看是否...

回答如下:

您的servepath处理程序显然处理了对GET /api/:id的请求。当浏览器收到与index.html参数匹配的id的内容时,可能会找到表示为relative

发布评论

评论列表 (0)

  1. 暂无评论