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/

相关推荐
拾光拾趣录4 分钟前
CSS常见问题深度解析与解决方案(第三波)
前端·css
轻语呢喃21 分钟前
JavaScript :字符串模板——优雅编程的基石
前端·javascript·后端
杨进军22 分钟前
React 协调器 render 阶段
前端·react.js·前端框架
中微子25 分钟前
Blob 对象及 Base64 转换指南
前端
风铃喵游25 分钟前
让大模型调用MCP服务变得超级简单
前端·人工智能
markyankee10126 分钟前
Vue 响应式系统全面解析:从基础到高级实践
vue.js
中微子26 分钟前
智能前端实践之 shot-word demo
前端
归于尽27 分钟前
智能前端小魔术,让图片开口说单词
前端·react.js
用户98738245810127 分钟前
vite 插件
前端
无数山29 分钟前
autorelease pool
前端