node.js + vue

安装Node.js和vue-cli

参考https://mp.csdn.net/mp_blog/creation/editor/142427043

生成Vue demo和编译Vue来生成静态文件(包括index.html,js文件等等)

参考https://mp.csdn.net/mp_blog/creation/editor/142427043

生成一个nodejs server 目录并初始化

mkdir node-server

cd node-server

npm init

安装依赖

npm install express

编写node-server.js

javascript 复制代码
const express = require('express');
const path = require('path');
const app = express();
app.use(express.static(path.join(__dirname, '../web/dist')));
app.get('/', (req, res) => {
  res.send(path.join(__dirname, '../web/dist/', 'index.html'));
})
const port = process.env.PORT || 3000;
app.listen(port, () => {
  console.log(`Example app listening at http://localhost:${port}`);
})

启动node server

node .\node-server.js

访问node server

http://localhost:3000/

相关推荐
华仔啊1 分钟前
这 5 个冷门 HTML 标签,让我直接删了100 行 JS 代码!
前端·html
程序员agions2 分钟前
Node.js 爬虫实战指南(二):动态页面爬取,Puppeteer 大显身手
爬虫·node.js
西维5 分钟前
大屏、看板必备的丝滑技巧 — 数字滚动
前端·javascript·动效
前端工作日常9 分钟前
我学习到的AG-UI的功能:全面的交互支持
前端
LawrenceLan10 分钟前
Flutter 零基础入门(十三):late 关键字与延迟初始化
开发语言·前端·flutter·dart
深耕AI11 分钟前
【wordpress系列教程】03 网站页面的编辑
开发语言·前端
前端达人17 分钟前
2026年React数据获取的第六层:从自己写缓存到用React Query——减少100行代码的秘诀
前端·javascript·react.js·缓存·前端框架
小酒星小杜20 分钟前
在AI时代,技术人应该每天都要花两小时来构建一个反内耗构建系统 - Ship 篇
前端·javascript·vue.js
—Qeyser23 分钟前
Flutter 生命周期完全指南:从出生到死亡的全过程
前端·javascript·flutter