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/

相关推荐
蜗牛攻城狮2 分钟前
前端构建工具详解:Vite 与 Webpack 深度对比与实战指南
前端·webpack·vite·构建工具
Q_Q19632884756 分钟前
python+django/flask+vue爬虫的网络小说热度分析系统
spring boot·python·django·flask·node.js·php
IT_陈寒7 分钟前
Redis 性能翻倍的 5 个冷门技巧,90%开发者都不知道的底层优化!
前端·人工智能·后端
Umi·13 分钟前
shell 条件测试
linux·前端·javascript
第二只羽毛13 分钟前
基于Deep Web爬虫的当当网图书信息采集
大数据·开发语言·前端·爬虫·算法
北极象13 分钟前
CEF 与 Electron简单对比
前端·javascript·electron
Q_Q51100828513 分钟前
python+django/flask+vue的B站数据分析可视化系统
spring boot·python·django·flask·node.js·php
Q_Q51100828520 分钟前
python+springboot+django/flask时尚内衣销售数据可视化和预测系统
spring boot·python·django·flask·node.js·php
小天博客20 分钟前
向后端发起POST请求
开发语言·前端·javascript
孜燃23 分钟前
Flutter 如何监听App页面是否隐藏
前端·flutter