快捷導(dǎo)航

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

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

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

這兩天學(xué)習(xí)了一下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)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章:

vue
express

相關(guān)文章

Vue2+Elementui?Dialog實(shí)現(xiàn)封裝自定義彈窗組件
在日常的管理系統(tǒng)界面中,我們寫的最多的除了列表表格之外,就是各種彈窗組件,本文就來為大家詳細(xì)介紹一下Vue2如何結(jié)合Elementui?Dialog實(shí)現(xiàn)封裝自定義彈窗組件,希望對大家有所幫助
2023-12-12
Vue 實(shí)現(xiàn)前進(jìn)刷新后退不刷新的效果
這篇文章主要介紹了Vue 實(shí)現(xiàn)前進(jìn)刷新后退不刷新的效果,小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2019-06-06
創(chuàng)建vue報(bào)錯vue-cli Failed to download repo&n
通過vue-cli創(chuàng)建Vue項(xiàng)目時,若遇到連接超時錯誤,可采用離線方式解決,具體操作是下載并解壓vue-templates/webpack到本地.vue-templates目錄,再使用--offline參數(shù)重新執(zhí)行初始化命令
2024-09-09
vue中el-table表格的表頭操作代碼
本文通過實(shí)例代碼介紹對el-table表格的表頭操作方法,本文結(jié)合實(shí)例代碼給大家介紹的非常詳細(xì),感興趣的朋友跟隨小編一起看看吧
2024-03-03
前端架構(gòu)vue架構(gòu)插槽slot使用教程
這篇文章主要為大家介紹了前端vue架構(gòu)插槽slot使用教程示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2022-02-02
Vue中實(shí)現(xiàn)權(quán)限管理詳解
這篇文章主要介紹了Vue中實(shí)現(xiàn)權(quán)限管理詳解,權(quán)限是對特定資源的訪問許可，所謂權(quán)限控制，也就是確保用戶只能訪問到被分配的資源,而前端權(quán)限歸根結(jié)底是請求的發(fā)起權(quán)，請求的發(fā)起可能有下面兩種形式觸發(fā),需要的朋友可以參考下
2023-08-08
Vue-Router進(jìn)階之滾動行為詳解
本篇文章主要介紹了Vue-Router進(jìn)階之滾動行為詳解，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-09-09
Vue3項(xiàng)目中通過LuckySheet實(shí)現(xiàn)Excel在線編輯功能
在實(shí)現(xiàn)Excel文件導(dǎo)入時,領(lǐng)導(dǎo)要求實(shí)現(xiàn)在前端導(dǎo)入文件后,不調(diào)用后端的接口,而是直接顯示excel文件的內(nèi)容,等待用戶修改完以后,再調(diào)用后端接口進(jìn)行文件的提交,所以本文介紹了Vue3項(xiàng)目中通過LuckySheet實(shí)現(xiàn)Excel在線編輯,需要的朋友可以參考下
2025-04-04
基于Vue+Node.js實(shí)現(xiàn)埋點(diǎn)功能全流程
埋點(diǎn)（Track）是指在應(yīng)用程序、網(wǎng)站或平臺中添加代碼,以記錄特定用戶行為和事件的做法,通過添加埋點(diǎn)代碼,可以觀察和分析用戶行為,以調(diào)整和改進(jìn)產(chǎn)品設(shè)計(jì)和使用體驗(yàn),本文給大家介紹了基于Vue+Node.js實(shí)現(xiàn)埋點(diǎn)功能的全流程,需要的朋友可以參考下
2025-04-04
Vue父子組件數(shù)據(jù)雙向綁定（父傳子、子傳父）及ref、$refs、is、：is的使用與區(qū)別
這篇文章主要介紹了Vue父子組件數(shù)據(jù)雙向綁定（父傳子、子傳父）及ref、$refs、is、：is的使用與區(qū)別,需要的朋友可以參考下
2022-12-12