使用express创建node服务器用于测试vue打包程序

• 创建目录打开目录
• 在目录下执行

npm init
# package name  根据需要填写
# 其他回车默认

• 安装express

npm i express

• 在当前目录下创建server.js文件

const express = require('express')
const app = express()

app.get('/person',(request,response)=>{
	response.send({
		name: 'tom',
		age: 10
	})
})

app.listen(5000,(err)=>{
	if(!err) console.log('服务器启动成功了！')
})

• 命令行执行启动

nde  server

• 创建目录 static
• 把生成的dist内的文件放入到static目录下
• 修改server.js文件，使express支持静态访问

const express = require('express')
const app = express()
// 加入静态资源访问支持
app.use(express.static(__dirname + '/static'))

app.get('/person',(request,response)=>{
	response.send({
		name: 'tom',
		age: 10
	})
})

app.listen(5000,(err)=>{
	if(!err) console.log('服务器启动成功了！')
})

• 直接访问查看结果
  localhoost:5000

• 如果想让支持history模式路由可以安装插件

npm i connect-history-api-fallback

• 在server.js引入

const express = require('express')
// 引入 connect-history-api-fallback 插件
const history = require('connect-history-api-fallback');

const app = express()
// 调用 connect-history-api-fallback 插件
app.use(history() )
// 加入静态资源访问支持
app.use(express.static(__dirname + '/static'))


app.get('/person',(request,response)=>{
	response.send({
		name: 'tom',
		age: 10
	})
})

app.listen(5000,(err)=>{
	if(!err) console.log('服务器启动成功了！')
})

• 重启服务器