404 Невозможно опубликовать с помощью Express и hbs

Node Express (4.16) + Multer (3.2.3), удалось загрузить фото. Теперь хочу отобразить какое-то динамическое сообщение после получения загрузки, поэтому я попробовал хбс (не Express-Handlbars или Express-hbs), шаблон запрашивает файл в порядке, но всегда получал

404 Невозможно опубликовать с помощью Express и hbs

структура приложения

404 Невозможно опубликовать с помощью Express и hbs

app.js

const express = require('express')
const bodyParser= require('body-parser')
var path = require('path');
const app = express();
const multer = require('multer');
fs = require('fs-extra');
app.use(bodyParser.urlencoded({extended: false}));
var index = require("./route/index");
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'hbs');
app.use('/', index);
app.post('*', index);

index.js

const express = require('express');
const r = express.Router();
const bodyParser= require('body-parser');
const app = express();
const multer = require('multer');
fs = require('fs-extra');
app.use(bodyParser.urlencoded({extended: false}));

var storage = multer.diskStorage({
  destination: function (req, file, cb) {
    cb(null, 'uploads')         // uploads = name of the destination folder
  },
  filename: function (req, file, cb) {
    cb(null, file.fieldname + '-' + Date.now())
  }
})

var upload = multer({ storage: storage });

app.post('/', upload.single('picture'), (req, res) => {
    var img = fs.readFileSync(req.file.path);
});

r.get('/', function(req, res){
  res.render('index');
});
app.post('/', upload.single('picture'), (req, res) => {
    var img = fs.readFileSync(req.file.path);
    });

app.post('/uploadphoto', upload.single('picture'), (req, res) => {
  var i = 1;
  ...
});

module.exports = r; 

index.hbs

<form action = "/uploadphoto" enctype = "multipart/form-data" method = "POST"> 
  Single Img.
  <input type = "file" name = "picture" accept = "image/*" />
  <input type = "submit" value = "Upload an Image"/>
</form>
<h2>{{dynamicHere}}</h2>

Уже проверены другие SO, включая Невозможно POST/ошибка с использованием экспресс и Не удается отправить POST-форму node.js - экспресс.

Fiddler показывает не более чем статус 404 и «Невозможно опубликовать». Не попадает ни в одну точку останова в VSC.

🤔 А знаете ли вы, что...
Node.js поддерживает работу с файлами и директориями на сервере.


1 366
1

Ответ:

Решено

Вы экспортируете r, который содержит только один маршрут r.get('/', function(req, res){}). Чтобы использовать /uploadphoto, вам нужно экспортировать app

module.exports = app;