如何使用node.js修复POST 404错误? [英] How to fix POST 404 error using node.js?

问题描述

我在羽毛笔编辑器中开发上传图片时遇到了发帖请求.我不知道该怎么办才能解决此问题.当我尝试使用发布请求发送数据时，就会发生404错误.

I'm I'm stuck in post request while I'm developing upload images in quill editor. I have no idea what I have to do to fix this issue. When I try to send data using post request, then 404 error occur.

routes/img.js -已更新

var ImageFile = require('../models/imageFiles');

var multer = require('multer');
var storage = multer.diskStorage({
    destination: function (req, file, cb) {
        cb(null, 'img/') // Set directory
    },
    filename: function (req, file, cb) {
        cb(null, file.name) // Set file name
    }
});

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

router.post('/upload', img.single('imgfile'), (req, res, next) => {
    var imageFile = new ImageFile({
        name: req.body.name,
        type: req.body.type,
        size: req.body.size,
        content: req.body.content
    });

    imageFile.save((err, result) => {
        if (err) {
            return res.status(500).json({
                title: 'An error occured',
                error: err
            });
        }
        res.status(201).json({
            message: 'User created',
            obj: result
        });
    });
});

module.exports = router;

app.js

const express = require('express');
var bodyParser = require('body-parser');
const port = process.env.PORT || 3000;

var path = require('path');
var favicon = require('serve-favicon');
var logger = require('morgan');
var cookieParser = require('cookie-parser');

var appRoutes = require('./routes/app');
var userRoutes = require('./routes/user');
var imgRoutes = require('./routes/img');
var app = express();

// Start
app.use(express.static(path.join(__dirname, '../awesome-drill/dist')));

app.use(logger('dev'));
app.use(bodyParser.json({ limit: '10mb' }));
app.use(bodyParser.urlencoded({ extended: false }));
app.use(cookieParser());
app.use((req, res, next) => {
    res.setHeader('Access-Control-Allow-Origin', '*');
    res.setHeader('Access-Control-Allow-Headers', 'Origin, X-Requested-Width, Content-Type, Accept');
    res.setHeader('Access-Control-Allow-Methods', 'POST, GET, PATCH, DELETE, OPTIONS');
    next();
});

app.use('/user', userRoutes);
app.use('/img', imgRoutes);
app.use('/', appRoutes);
app.use(express.static('routes'));

// It's for routing SPA
app.get('*', (req, res) => {
    res.sendFile(path.join(__dirname, '../awesome-drill/dist/index.html'));
});

app.listen(port, () => {
    console.log(`Server is up on port ${port}`);
});

前端服务(angular4)

import { Injectable } from '@angular/core';
import {Http, Headers, Response} from '@angular/http';

@Injectable()
export class FileService {
  public userId = localStorage.getItem('userId');

  constructor(private http: Http) { }

  imgUpload(obj) {
    const body = JSON.stringify(obj);
    const headers = new Headers({
      'Content-Type': 'application/json'
    });

    return this.http.post('img/upload', body, {
      headers: headers
    })
      .map((response: Response) => response.json());
  }
}

感谢您，我发现了我的错误，并添加了它.但是，仍然会出现404错误.

Thanks to you, I found my mistake and I added it. However, 404 error still occur.

这是我的文件夹结构.

It's my folder structure.

推荐答案

您没有导出路由器.将以下内容添加到 routes/img.js 文件的末尾.

You aren't exporting your router. Add the following to the end of your routes/img.js file.

module.exports = router;

您现在拥有的方式，没有默认的导出，因此当您 require('./routes/img')时，您什么都不导入.如果要在 app.js 中使用 console.log(imgRoutes)，则可能会返回 undefined .

The way you have it now, there is no default export, so when you require('./routes/img') you're importing nothing. If you were to console.log(imgRoutes) in app.js it would probably return undefined.

这篇关于如何使用node.js修复POST 404错误?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！