El front-end usa el nodo para construir un entorno local

Use node.js para crear un servicio local y abra el código empaquetado en la interfaz;

1. El marco expreso de node.js crea servicios locales

1. Inicializar el proyecto

npm init

2. Instalar expreso

npm install express

Si ve express y su número de versión correspondiente en las dependencias de package.json, la instalación se realizó correctamente;

3. Cree una nueva carpeta frontal y coloque los archivos frontales empaquetados en ella;

4. Señale ./front como un archivo estático en app.js

// 导入 express 模块
const express = require('express')
// 创建 express 的服务器实例
const app = express()
// 导入 cors 中间件
const cors = require('cors')
// 将 cors 注册为全局中间件
app.use(cors())
app.use(express.urlencoded({ extended: false }))



app.use("/", express.static("./front"))




// 调用 app.listen 方法，指定端口号并启动web服务器
app.listen(3007, function () {
    console.log('api server running at http://127.0.0.1:3007')
})

 5. Ejecute el código && navegador para abrir http://127.0.0.1:3007

node app.js

Adjunto:

Para iniciar un servicio con un nodo, necesita:

 node app.js

Después de modificar el archivo server.js, debe detener el servicio (ctrl + c) y reiniciarlo para que surta efecto;

Con nodemon, no es necesario reiniciar manualmente app.js con frecuencia, ya que nodemon puede monitorear los cambios en el código fuente y reiniciar automáticamente los servicios. De esta forma, solo debemos centrarnos en escribir la lógica del código, sin prestar demasiada atención a los servicios.

Instalar nodemon

(1) Ejecute el siguiente comando para  nodemon instalarlo como una herramienta disponible globalmente:

npm install -g nodemon

(2) Ejecute el siguiente comando para comprobar  nodemon si la instalación se ha realizado correctamente:

nodemon -v