一、概述
express是一个基于 Node.js 平台,快速、开放、极简的 Web 开发框架,
网址
Express - 基于 Node.js 平台的 web 应用开发框架 - Express 中文文档 | Express 中文网
http://expressjs.com/
二、如何搭建
1、创建项目
创建一个文件夹进入cmd执行npm init
E:\idea_workspace\demo>npm init
定义一个package name 然后一直回车即可
package name: (demo) demoExpress
引入express
E:\idea_workspace\demo>npm i express
2、编写server.js
上面的demo文件下创建server.js文件
/*引入express*/ const express = require("express") /*创建一个app实列调用对象*/ const app = express() /*配置路由*/ app.get('/getUser',(req,res)=>{ res.send({ name:'tom', age:18 }) }) /*监听对象并收到错误回调*/ app.listen(5005,(err)=>{ if(!err) console.log("服务器启动成功!") })
3、启动测试
E:\idea_workspace\demo>node server 服务器启动成功!
4、发布项目
见打包好的文件放在项目下新建的static(自定义文件名)文件夹
配置
/*引入express*/ const express = require("express") /*创建一个app实列调用对象*/ const app = express() /*配置项目路径*/ app.use(express.static(__dirname+'/static')) /*还可以自定义配置路由*/ app.get('/getUser',(req,res)=>{ res.send({ name:'tom', age:18 }) }) /*监听对象并收到错误回调*/ app.listen(5005,(err)=>{ if(!err) console.log("服务器启动成功!") })
启动访问
node server
5、处理vue项目的支持history模式
安装中间件
npm i connect-history-api-fallback
配置
const express = require("express") /*引入history处理中间件*/ var history = require('connect-history-api-fallback'); const app = express() /*使用*/ app.use(history()) app.use(express.static(__dirname+'/static')) app.get('/getUser',(req,res)=>{ res.send({ name:'tom', age:18 }) }) app.listen(5005,(err)=>{ if(!err) console.log("服务器启动成功!") })