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/

相关推荐
1024小神10 分钟前
next项目使用状态管理zustand说明
前端
Asort10 分钟前
JavaScript设计模式(八):组合模式(Composite)——构建灵活可扩展的树形对象结构
前端·javascript·设计模式
刘永胜是我12 分钟前
【iTerm2 实用技巧】解决两大顽疾:历史记录看不全 & 鼠标滚轮失灵
前端·iterm
returnfalse14 分钟前
🔥 解密StreamParser:让数据流解析变得如此优雅!
前端
凉城a15 分钟前
经常看到的IPv4、IPv6到底是什么?
前端·后端·tcp/ip
jserTang21 分钟前
Cursor Plan Mode:AI 终于知道先想后做了
前端·后端·cursor
木觞清25 分钟前
喜马拉雅音频链接逆向实战
开发语言·前端·javascript
全马必破三27 分钟前
fs 文件系统:Node.js 操作磁盘的 “万能工具”
node.js
一枚前端小能手29 分钟前
「周更第6期」实用JS库推荐:InversifyJS
前端·javascript
Hilaku30 分钟前
"事件委托"这个老古董,在现代React/Vue里还有用武之地吗?
前端·javascript·vue.js