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/

相关推荐
太难了啊3 分钟前
从零构建你的 AI Agent 框架:Node.js 版 HelloAgents 实战指南
人工智能·node.js
花间相见10 分钟前
【终端效率工具01】—— Yazi:Rust 编写的现代化终端文件管理器,告别繁琐操作
前端·ide·git·rust·极限编程
|晴 天|20 分钟前
我如何用Vue 3打造一个现代化个人博客系统(性能提升52%)
前端·javascript·vue.js
风止何安啊28 分钟前
网页都知道要双向握手才加载!从 URL 到页面渲染,单向喜欢连 DNS 都解析不通
前端·javascript·面试
太极OS34 分钟前
给 AI Skill 做 CI/CD:GitHub + ClawHub + Xiaping 同步发布实战
前端
你_好34 分钟前
Chrome 内置了 AI 工具协议?WebMCP 抢先体验 + 开源 DevTools 全解析
前端·mcp
GISer_Jing34 分钟前
LangChain.js + LangGraph.js 前端AI开发实战指南
前端·javascript·langchain
正在发育ing__38 分钟前
从源码看vue的key和状态错乱的patch
前端
yuqifang1 小时前
vue3+typescript+vite封装自己的UI组件库并上传至npm
vue.js·arkui
黄林晴1 小时前
第一次听到 Tauri 这个词,去学习一下
前端