最近在學習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

此時，專案執行，介面就可以正常訪問了。