详解vue express启动数据服务
更新时间：2017年07月05日 10:11:04 作者：itSeven7
本篇文章主要介绍了vue express启动数据服务，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
这两天学习了一下vue和express结合，本文记录一下vue express启动数据服务
记录一下配置
build->dev.sever.js配置
var apiServer = express()
var bodyParser = require('body-parser')
apiServer.use(bodyParser.urlencoded({ extended: true }))
apiServer.use(bodyParser.json())
var apiRouter = express.Router()
var fs = require('fs')
apiRouter.route('/:apiName')
.all(function (req, res) {
fs.readFile('./db.json', 'utf8', function (err, data) {
if (err) throw err
var data = JSON.parse(data)
if (data[req.params.apiName]) {
res.json(data[req.params.apiName])
}
else {
res.send('no such api name')
}
})
})
apiServer.use('/api', apiRouter);
apiServer.listen(port + 1, function (err) {
if (err) {
console.log(err)
return
}
console.log('Listening at http://localhost:' + (port + 1) + '\n')
})
config->index.js配置
proxyTable: {
'/api/':'http://localhost:8081/'
},
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
相关文章
Vue2+Elementui Dialog实现封装自定义弹窗组件
在日常的管理系统界面中,我们写的最多的除了列表表格之外,就是各种弹窗组件,本文就来为大家详细介绍一下Vue2如何结合Elementui Dialog实现封装自定义弹窗组件,希望对大家有所帮助2023-12-12
这篇文章主要介绍了Vue 实现前进刷新后退不刷新的效果,小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2019-06-06
创建vue报错vue-cli Failed to download repo&n
通过vue-cli创建Vue项目时,若遇到连接超时错误,可采用离线方式解决,具体操作是下载并解压vue-templates/webpack到本地.vue-templates目录,再使用--offline参数重新执行初始化命令2024-09-09
本文通过实例代码介绍对el-table表格的表头操作方法,本文结合实例代码给大家介绍的非常详细,感兴趣的朋友跟随小编一起看看吧2024-03-03
这篇文章主要为大家介绍了前端vue架构插槽slot使用教程示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-02-02
这篇文章主要介绍了Vue中实现权限管理详解,权限是对特定资源的访问许可，所谓权限控制，也就是确保用户只能访问到被分配的资源,而前端权限归根结底是请求的发起权，请求的发起可能有下面两种形式触发,需要的朋友可以参考下2023-08-08
本篇文章主要介绍了Vue-Router进阶之滚动行为详解，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-09-09
Vue3项目中通过LuckySheet实现Excel在线编辑功能
在实现Excel文件导入时,领导要求实现在前端导入文件后,不调用后端的接口,而是直接显示excel文件的内容,等待用户修改完以后,再调用后端接口进行文件的提交,所以本文介绍了Vue3项目中通过LuckySheet实现Excel在线编辑,需要的朋友可以参考下2025-04-04
埋点（Track）是指在应用程序、网站或平台中添加代码,以记录特定用户行为和事件的做法,通过添加埋点代码,可以观察和分析用户行为,以调整和改进产品设计和使用体验,本文给大家介绍了基于Vue+Node.js实现埋点功能的全流程,需要的朋友可以参考下2025-04-04
Vue父子组件数据双向绑定（父传子、子传父）及ref、$refs、is、：is的使用与区别
这篇文章主要介绍了Vue父子组件数据双向绑定（父传子、子传父）及ref、$refs、is、：is的使用与区别,需要的朋友可以参考下2022-12-12
最新评论