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

下面我就為大家分享一篇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

此時，專案運行，介面就可以正常存取了。

上面是我整理給大家的，希望今後對大家有幫助。

相關文章：

透過jQuery JSONP中跨域請求的方法（詳細教學）

透過在Vue2.0中實現http要求以及loading展示

在Vue中詳細解讀method與computed的區別（詳細教學）

以上是在Vue 2.5.2下使用axios + express本地請求404的解決方法的詳細內容。更多資訊請關注PHP中文網其他相關文章！