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/

相关推荐
xiliuhu10 分钟前
Node.js 的事件循环机制
node.js
暴富暴富暴富啦啦啦10 分钟前
Map 缓存和拿取
前端·javascript·缓存
天问一11 分钟前
前端Vue使用js-audio-plugin实现录音功能
前端·javascript·vue.js
dodod201214 分钟前
Ubuntu24.04.3执行sudo apt install yarnpkg 命令失败的原因
java·服务器·前端
小魏的马仔19 分钟前
【elementui】el-date-picker日期选择框,获取焦点后宽度增加问题调整
前端·vue.js·elementui
JarvanMo23 分钟前
想让你的 Flutter UI 更上一层楼吗?
前端
soul g29 分钟前
npm 包发布流程
前端·npm·node.js
踢球的打工仔39 分钟前
jquery的基本使用(5)
前端·javascript·jquery
开发者小天41 分钟前
react中的useDebounceEffect用法
前端·react.js·前端框架
想自律的露西西★42 分钟前
js.39. 组合总和
前端·javascript·数据结构·算法