码迷,mamicode.com
首页 > 其他好文 > 详细

vue-cli 2.92版本 后台数据获取server

时间:2017-12-05 22:46:18      阅读:181      评论:0      收藏:0      [点我收藏+]

标签:tde   clist   ble   raw   block   ==   big   evel   ast   

一、引包

const axios = require(‘axios‘);
const express = require(‘express‘);
const apiRoutes = express.Router();

二、配置

const devWebpackConfig = merge(baseWebpackConfig, {
module: {
rules: utils.styleLoaders({sourceMap: config.dev.cssSourceMap, usePostCSS: true})
},
// cheap-module-eval-source-map is faster for development
devtool: config.dev.devtool,
// these devServer options should be customized in /config/index.js
devServer:{
//在这里添加一个before方法
before(apiRoutes){
apiRoutes.get(‘/api/getDiscList‘,(req,res)=>{
const url = ‘这里是要链接的api地址‘;
axios.get(url, {
headers: {
referer: ‘配置api地址referer‘,
host: ‘配置api地址host‘
},
params: req.query //这是请求的query
}).then((response) =>{
//response是api地址返回的,数据在data里。
res.json(response.data)
}).catch((e) =>{
console.log(e);
})
});
// app.use(‘/api‘, apiRoutes);
}
}
 
 
 
 
 
 
源博客连接:http://www.cnblogs.com/langzianan/p/7989572.html
 

vue-cli 2.92版本 后台数据获取server

标签:tde   clist   ble   raw   block   ==   big   evel   ast   

原文地址:http://www.cnblogs.com/kusideshu/p/7989622.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!