Как структурировать полнофункциональное приложение Vue.js и Express.js с отдельными папками внешнего и внутреннего интер ⇐ Javascript

[Гость]

Итак, я создаю полный стек приложений Vue, Node, Express, MongoDB. В основной папке у меня есть 2 папки: clinet с пользовательским интерфейсом Vue с маршрутизатором Vue и сервер с Node.js, express и MongoDb.

После MVC у меня есть:

userRoutes.js

const express = require('express'); const userController = require('./../controllers/userControler'); const router = express.Router(); router.route('/').get(userController.helloUser); модуль.экспорт = маршрутизатор; app.js

const express = require('express'); const userRouter = require('./routes/userRoutes'); константное приложение = экспресс(); app.use("client/src/router/index.js)"; -> я написал эту строку, без нее весь пользовательский интерфейс не работает, и на каждой странице я получаю сообщение «не могу получить» и ссылку на маршрутизатор vue. app.use('/api/v1/users', userRouter); модуль.экспорт = приложение; userController.js

exports.helloUser = (req, res, next) => { res.status(200).json({ сообщение: «Привет, мир!» }); следующий(); }; а еще у меня есть server.js, который работает нормально. И server.js, и приложение Vite работают через порт 5173.

Я не понимаю почему:

get:http://localhost:5173//api/v1/users не работает в почтальоне. если я поменяю порт на 3000, все заработает. Но почему? Почему сервер и клиент не могут работать на одном и том же порту? Будет ли проблема, если приложение и клиент будут работать на 5137, а сервер на 3000? Как это решить?