Базовый CRUD, возвращающий 404 (MySQL + Express + VueJS + NodeJS)

Я сделал следующий пример: https://thewikihow.com/video_9Kju3DovLrg, и что-то сломалось в моих соединениях.

Я вижу эту ошибку только в своем браузере:

GET http://localhost:8080/api/pedidos 404 (Not Found)

Моя единственная модификация заключалась в том, чтобы изменить таблицу, чтобы добавить еще один столбец.

Мой сервер.js

var express = require("express")
var bodyParser = require("body-parser")

var pedidos = require("./routes/pedidos")
var cors = require("cors")

var port = 3000

var app = express()
app.use(cors())

app.use(bodyParser.json())
app.use(bodyParser.urlencoded({ extended: false }))

app.use("/api", pedidos)

app.listen(port, function () {
    console.info('Server started on port >>> ' + port)
})

Моя конфигурация веб-пакета разработчика:

module.exports = {
  dev: {

    // Paths
    assetsSubDirectory: 'static',
    assetsPublicPath: '/',

    // Various Dev Server settings
    host: 'localhost', // can be overwritten by process.env.HOST
    port: 8080, // can be overwritten by process.env.PORT, if port is in use, a free one will be determined
    proxyTable: {
      '/api': {
        target: 'http://localhost:3000',
        changeOrigin: true,
        logLevel: 'debug'
      }
    },
    autoOpenBrowser: false,
    errorOverlay: true,
    notifyOnErrors: true,
    poll: false, // https://webpack.js.org/configuration/dev-server/#devserver-watchoptions-

  }

Мой pedidos.js

var express = require("express")
var router = express.Router()
const Pedido = require("../model/Pedido")

//Get All pedidos
router.get("/pedidos", (req, res) => {
    Pedido.findAll()
        .then(pedidos => {
            res.json(pedidos)
        })
        .catch(err => {
            res.send("error: " + err)
        })
})

module.exports = router