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/

相关推荐
csj5040 分钟前
前端基础之《React(4)—webpack简介-编译打包优化》
前端·react
万少1 小时前
Trae AI 编辑器6大使用规则
前端·javascript·人工智能
好玩的Matlab(NCEPU)1 小时前
如何编写 Chrome 插件(Chrome Extension)
前端·chrome
Yan-英杰1 小时前
Deepseek大模型结合Chrome搜索爬取2025AI投资趋势数据
前端·chrome
Crystal3282 小时前
app里video层级最高导致全屏视频上的操作的东西显示不出来的问题
前端·vue.js
weixin_445476682 小时前
Vue+redis全局添加水印解决方案
前端·vue.js·redis
lecepin2 小时前
AI Coding 资讯 2025-10-29
前端·后端·面试
余道各努力,千里自同风2 小时前
小程序中获取元素节点
前端·小程序
PineappleCoder2 小时前
大模型也栽跟头的 Promise 题!来挑战一下?
前端·面试·promise
非凡ghost2 小时前
MousePlus(鼠标增强工具) 中文绿色版
前端·windows·计算机外设·软件需求