1. 程式人生 > >vue-cli 2.92版本 後臺數據獲取server

vue-cli 2.92版本 後臺數據獲取server

eva egl dcl crs 連接 添加 lsb 博客 vue

一、引包

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