Vue 2.5.2下axios + express 本地請求404的解決方法

最近在學習Vue,今天嘗試了使用axios模擬本地網絡請求。使用的過程中發現接口請求一直404,后來發現在當期的Vue-cli構建的最新的項目中，接口請求應該這樣寫。

1、引入相關依賴

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

2、處理網絡請求

在之前的項目中，我們是在dev-server.js 這樣處理接口訪問

apiRoutes.get('/getList', function (req, res) {
 //處理網絡請求

})

現在默認構建的項目工程是沒有dev-server.js文件的，然后我們可以在webpack.dev.conf.js中添加ur。

before(app) {
 app.get('/api/getList', function(req, res) {
 //處理網絡請求
 });
 },

3、重新編譯

npm run dev

此時，項目運行，接口就可以正常訪問了。

以上這篇Vue 2.5.2下axios + express 本地請求404的解決方法就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com