在使用vue開發過程中，難免需要去本地數據地址進行請求，而原版配置在dev-server.js中，新版vue-webpack-template已經刪除dev-server.js，改用webpack.dev.conf.js代替，所以 配置本地訪問在webpack.dev.conf.js里配置即可。
#webpack.dev.conf.js//首先// nodejs開發框架express，用來簡化操作const express = require('express')// 創建node.js的express開發框架的實例const app = express() // 引用的json地址var appData = require('../data.json')// json某一個keyvar goods = appData.resultvar apiRoutes = express.Router()app.use('/api', apiRoutes)1. get請求配置
在 const portfinder = require('portfinder')后添加
#webpack.dev.conf.js// 在devServer選項中添加以下內容before(app) { app.get('/api/someApi', (req, res) => { res.json({ // 這里是你的json內容 }) })}注意： 修改配置文件完畢后，需要重新運行命令npm run dev即可。
2. post請求配置。
如果要配置post請求，需要在該文件夾配置如下:
#webpack.dev.conf.jsapiRoutes.post('/foods', function (req, res) { //注意這里改為post就可以了 res.json({ error: 0, data: foods });})// 在組件里面#...vuecreated () { this.$http.post('http://localhost:8080/api/foods').then((res) => { console.log(res) })}以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持武林網。
新聞熱點
疑難解答
