最近在學(xué)習(xí)Vue,今天嘗試了使用axios模擬本地網(wǎng)絡(luò)請(qǐng)求。使用的過(guò)程中發(fā)現(xiàn)接口請(qǐng)求一直404,后來(lái)發(fā)現(xiàn)在當(dāng)期的Vue-cli構(gòu)建的最新的項(xiàng)目中，接口請(qǐng)求應(yīng)該這樣寫(xiě)。

1、引入相關(guān)依賴

var axios = require('axios')const express = require('express');var app = express();var apiRoutes = express.Router();app.use('/api', apiRoutes);

2、處理網(wǎng)絡(luò)請(qǐng)求

在之前的項(xiàng)目中，我們是在dev-server.js 這樣處理接口訪問(wèn)

apiRoutes.get('/getList', function (req, res) { //處理網(wǎng)絡(luò)請(qǐng)求})

現(xiàn)在默認(rèn)構(gòu)建的項(xiàng)目工程是沒(méi)有dev-server.js文件的，然后我們可以在webpack.dev.conf.js中添加ur。

before(app) {  app.get('/api/getList', function(req, res) {  //處理網(wǎng)絡(luò)請(qǐng)求  }); },

3、重新編譯

npm run dev

此時(shí)，項(xiàng)目運(yùn)行，接口就可以正常訪問(wèn)了。

以上這篇Vue 2.5.2下axios + express 本地請(qǐng)求404的解決方法就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持武林網(wǎng)。