快捷導(dǎo)航

詳解vue express啟動數(shù)據(jù)服務(wù)

更新時間：2017年07月05日 10:11:04 作者：itSeven7

本篇文章主要介紹了vue express啟動數(shù)據(jù)服務(wù)，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧

這兩天學習了一下vue和express結(jié)合，本文記錄一下vue express啟動數(shù)據(jù)服務(wù)

記錄一下配置

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/'
  },

以上就是本文的全部內(nèi)容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章:

vue
express

相關(guān)文章

Vue混入使用和選項合并詳解
這篇文章主要介紹了Vue混入使用和選項合并，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2021-10-10
vue實現(xiàn)給當前元素添加樣式,其他元素無樣式問題
這篇文章主要介紹了vue實現(xiàn)給當前元素添加樣式,其他元素無樣式問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
2023-05-05
基于vue v-for 多層循環(huán)嵌套獲取行數(shù)的方法
今天小編就為大家分享一篇基于vue v-for 多層循環(huán)嵌套獲取行數(shù)的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2018-09-09
如何管理Vue中的緩存頁面
這篇文章主要介紹了如何管理Vue中的緩存頁面，幫助大家更好的理解和學習使用vue框架，感興趣的朋友可以了解下
2021-02-02
超詳細的vue組件間通信總結(jié)
作為一個vue初學者不得不了解的就是組件間的數(shù)據(jù)通信(暫且不談vuex),通信方式根據(jù)組件之間的關(guān)系有不同之處,這篇文章主要給大家介紹了關(guān)于vue組件間通信的相關(guān)資料,需要的朋友可以參考下
2021-07-07
Vue?和?Django?實現(xiàn)?Token?身份驗證的流程
這篇文章主要介紹了Vue?和?Django?實現(xiàn)?Token?身份驗證?,Vue.js?和?Django?編寫的前后端項目中，實現(xiàn)了基于?Token?的身份驗證機制，其他前后端框架的?Token?實現(xiàn)原理與本文一致，需要的朋友可以參考下
2022-08-08
Vue列表渲染v-for的使用案例詳解
這篇文章主要介紹了Vue列表渲染(v-for的使用),本文給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下
2023-03-03
詳解webpack+vue-cli項目打包技巧
本篇文章主要介紹了詳解webpack+vue-cli項目打包技巧，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-06-06
關(guān)于頁面刷新vuex數(shù)據(jù)消失問題解決方案
本篇文章主要介紹了關(guān)于頁面刷新vuex數(shù)據(jù)消失問題解決方案，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-07-07
vue3實現(xiàn)手機上可拖拽元素的組件
這篇文章主要介紹了vue3實現(xiàn)手機上可拖拽元素的組件，用vue3實現(xiàn)一個可在手機上拖拽元素的組件，可拖拽至任意位置，并且可以防止拖拽元素移出屏幕邊緣
2022-09-09