не работают основные nodejs и экспресс-сервер

Question

Это должно быть очень просто, я предпринял следующие шаги: 1) использовал vue cli3 для создания проекта vue (который работал нормально).2) создал папку сервера на корневом уровне 3) создал файл index.js 4) создал api / routs / users.js, который я получаю в браузере на http://localhost:4000/api/add Cannot GET api / add.Вот мой индексный файл:

const express = require('express');
const bodyParser = require('body-parser');
const cors = require('cors');

const app = express();

//middleware
app.use(bodyParser.json());
app.use(cors());

const users = require('./api/routes/users');
app.use('api/add', users);

const port = process.env.PORT || 4000;

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

Ниже приведен мой файл users.js:

const mongodb = require('mongodb');

const router = express.Router();

router.get('/', (req, res) => {
  res.send('hello');
})

module.exports = router;

Вот как выглядит мой пакет JSON, не уверен, что это как-то создает проблемы, посколькуСначала я создал интерфейс, а затем запустил его.

{
  "name": "fastpo",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "serve": "vue-cli-service serve",
    "start": "node server/index.js",
    "dev": "nodemon server/index.js",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint"
  },
  "dependencies": {
    "axios": "^0.18.0",
    "body-parser": "^1.18.3",
    "cors": "^2.8.5",
    "express": "^4.16.4",
    "mongoose": "^5.4.11",
    "morgan": "^1.9.1",
    "nodemon": "^1.18.10",
    "serve-favicon": "^2.5.0",
    "vue": "^2.5.22",
    "vue-compose": "^0.7.1",
    "vuetify": "^1.3.0"
  },
  "devDependencies": {
    "@vue/cli-plugin-babel": "^3.4.0",
    "@vue/cli-plugin-eslint": "^3.4.0",
    "@vue/cli-service": "^3.4.0",
    "babel-eslint": "^10.0.1",
    "eslint": "^5.8.0",
    "eslint-plugin-vue": "^5.0.0",
    "stylus": "^0.54.5",
    "stylus-loader": "^3.0.1",
    "vue-cli-plugin-vuetify": "^0.4.6",
    "vue-template-compiler": "^2.5.21",
    "vuetify-loader": "^1.0.5"
  },
  "eslintConfig": {
    "root": true,
    "env": {
      "node": true
    },
    "extends": [
      "plugin:vue/essential",
      "eslint:recommended"
    ],
    "rules": {},
    "parserOptions": {
      "parser": "babel-eslint"
    }
  },
  "postcss": {
    "plugins": {
      "autoprefixer": {}
    }
  },
  "browserslist": [
    "> 1%",
    "last 2 versions",
    "not ie <= 8"
  ]
}

Answer 1

Забыл добавить "/" здесь раньше api: app.use('api/add', users); должно быть app.use('/api/add', users)