?為了應(yīng)對(duì)業(yè)務(wù)的復(fù)雜性，提高前端的渲染能力，故在項(xiàng)目中引入nodejs做中間層，前端承接vue，后端對(duì)接Java。

至于為什么這么搞，網(wǎng)上有好多文章都在討論，可以說(shuō)仁者見(jiàn)仁智者見(jiàn)智，這里我們不在深究。

這里主要記錄一下，我在項(xiàng)目中嘗試使用這種結(jié)構(gòu)遇到的問(wèn)題：

1.前端的vue工程采用axios請(qǐng)求中間層node服務(wù)會(huì)遇到跨域問(wèn)題

解決方法：打開(kāi)vue工程的index.js配置文件添加如下配置

assetsSubDirectory: 'static', assetsPublicPath: '/', proxyTable: {'/api': {target: 'http://localhost:3000',changeOrigin: true,pathRewrite: {'^/api': ''}} },

2.中間層使用axios請(qǐng)求后端接口時(shí)需要等待接口返回后，在傳遞數(shù)據(jù)給前端，這里就需要使用同步請(qǐng)求機(jī)制

解決方法：采用 async, await 方式，如下

var express = require('express') var router = express.Router() var http = require('../config/http')router.get('/getFarmTargets', async (req, res, next) => {console.log('進(jìn)入請(qǐng)求')var result = {}result.targets = await http.get('/cim/cimInfos/survey?orgId=1115').then(response => response.data.code === 0 ? response.data.data : null)result.introductions = await http.get('/cim/introductions', { orgId: 1115 }).then(response => response.data.code === 0 ? response.data.data : null)console.log('回調(diào)外層2：' + JSON.stringify(result))res.json({code: '0',msg: '',data: result})next() })

先記錄到這兒，未完待續(xù)......

?

?

總結(jié)

以上是生活随笔為你收集整理的vue+node实现中间层同步调用接口的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。