提供带有动态URL查询参数的静态目录

时间:2019-09-19 18:47:42

标签: javascript node.js express url routing

我正在尝试通过向URL添加pathname参数来动态地为静态目录提供服务。

我可以使用以下代码为目录提供服务,该行无需阅读File等即可在浏览器中呈现html和子目录:

app.use('/', express.static('/Users/virtuload-beta/backend/uploads/folder/subfolder/'))

这有助于测试,但是我需要使它动态化,因为我要根据MongoDB的路径变量获取目录名称,然后根据URL为目录提供服务。

我已经尝试了多种解决方案,这是我目前的解决方案:

  • app.js:
app.use('/static', express.static(path.join(__dirname, '../uploads', )), serveRouter)
  • routes.js:
router.get('/:id', FileCtrl.servepath);

-FileCtrl.js:

const servepath = async (req, res) => {
  try {
    let id = req.params.id 
    Upload.findById(id)
          .populate('Upload')
          .select('relPath') //relPath = /folder/subfolder
          .exec(function(err, upload) {
            if (err) {
              res.send(err)
            } else {
              const filepath = `${upload.relPath}`        
              console.log(filepath)    //logs folder/subfolder 
            //parse http object coming from client
              const urlObject = url.parse(req.url, true)
              console.log(urlObject)

              var myUrl = new URL(`http://localhost:8000/static/${filepath}`)
              return myUrl;
            }
          })
      } catch (e) {
        console.error(e)
      }
}

我没有收到任何错误,但没有用。

1 个答案:

答案 0 :(得分:1)

操纵req.url并返回next()

第一条路线

router.get('/:id', FileCtrl.servepath);

控制器(已添加next):

const servepath = async (req, res, next) => {
  try {
    let id = req.params.id
    Upload.findById(id)
      .populate('Upload')
      .select('relPath') //relPath = /folder/subfolder
      .exec(function (err, upload) {
        if (err) {
          res.send(err)
        } else {
          const filepath = `${upload.relPath}`
          req.url = `/static/${pathfile}/index.html`
          return next();
        }
      })
  } catch (e) {
    console.error(e)
  }
}

最后一条静态路线(请注意:在所有其他路线之后定义)

app.use('/static', express.static(path.join(__dirname, '../uploads')), serveRouter)