tengo un proyecto vue js creado con

 vue create vue-js-client-crud

y lo construí con comando

 npm run build

archivo: enrutador.js

 import Vue from "vue"; import Router from "vue-router"; Vue.use(Router); export default new Router({ mode: "history", routes: [ { path: "/", alias: "/products", name: "tutorials", component: () => import("./components/List") }, { path: "/products/:id", name: "products-details", component: () => import("./components/product") }, { path: "/add", name: "add", component: () => import("./components/Add") } ] });

me encontré con un ejemplo donde, este proyecto vue js se sirve usando express js a través de otro proyecto. por lo que la configuración es, cree otro proyecto nodewithExpress, vea el archivo de muestra package.json y server.js. una vez que se crea este proyecto, creamos una carpeta de vistas y luego copiamos el contenido de la carpeta dist del proyecto vue js a este proyecto. funciona esto y no entendí completamente la configuración. entonces, en el proyecto express, ¿configuramos las rutas exactamente igual que en el proyecto vue js? pero esta configuración no debería funcionar con páginas spa, ¿verdad?

 { "name": "nodeWithexpress", "version": "1.0.0", "description": "", "main": "server.js", "scripts": { "test": "echo \"Error: no test specified\" && exit 1" }, "author": "", "license": "ISC", "dependencies": { "cors": "^2.8.5", "express": "^4.18.1" } }

archivo: servidor.js

 const express = require("express"); const cors = require("cors"); const app = express(); var corsOptions = { origin: "http://localhost:8081" }; app.use(cors(corsOptions)); app.use(express.json()); app.use(express.urlencoded({ extended: true })); app.get("/", (req, res) => { res.json({ message: "hello express." }); }); const PORT = process.env.PORT || 8080; app.listen(PORT, () => { console.log(`start server on port ${PORT}.`); });