返回 404 的基本 CRUD（MySQL + Express + VueJS + NodeJS）答案

【问题标题】：Basic CRUD returning 404 (MySQL + Express + VueJS + NodeJS)返回 404 的基本 CRUD（MySQL + Express + VueJS + NodeJS）
【发布时间】：2019-08-13 06:58:21
【问题描述】：

我已经完成了以下示例：https://www.youtube.com/watch?v=9Kju3DovLrg，我的连接中断了。

我只能在浏览器中看到这个错误：

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

我唯一的一项修改是更改表格以添加一列。

我的 server.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.log('Server started on port >>> ' + port)
})

我的开发 webpack 配置：

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

【问题讨论】：

同时粘贴 pedidos 路线。
port = 3000 但 //localhost:8080/api/pedidos 有 8080 ?
app.use("/api", pedidos) ，向我们展示具体路线的代码。还要检查您的路由是否正确接受新的 mysql 架构。
我已经从路由中添加了 pedidos.js

标签： mysql node.js express vue.js

【解决方案1】：

你是否重启了前端服务器，vue.config.js的变化需要通过运行'yarn serve'重启

【讨论】：

你的 vue-project 是如何创建的？我看了你发的视频。它看起来像是用 vue-cli 2.x 创建的！您需要使用相同的版本
看起来我需要一个 vue 文件配置重启后一些测试时间不同的 proxyTable 设置 ¬¬'
是的！它不能自动重启。