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

更新時間：2018年02月21日 22:16:26 作者：lv灬陳強

下面小編就為大家分享一篇Vue 2.5.2下axios + express 本地請求404的解決方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧

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

1、引入相關依賴

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

2、處理網(wǎng)絡請求

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

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

})

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

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

3、重新編譯

npm run dev

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

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

您可能感興趣的文章:

淺談Vue下使用百度地圖的簡易方法
本篇文章主要介紹了淺談Vue下使用百度地圖的簡易方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2018-03-03
Vue項目中如何引入本地第三方JS庫
vue中常遇到第三方js,這篇文章主要給大家介紹了關于Vue項目中如何引入本地第三方JS庫的相關資料,文中通過示例代碼介紹的非常詳細,需要的朋友可以參考下
2023-06-06
詳解Vue如何監(jiān)測數(shù)組的變化
在 Vue 中，如果直接對數(shù)組進行操作，比如使用下標直接修改元素，數(shù)組長度不變時， Vue 是無法監(jiān)測到這種變化的，導致無法觸發(fā)視圖更新。針對該問題本文為大家整理了一些方法，需要的可以參考一下
2023-01-01
vue實現(xiàn)單點登錄的方式匯總
最近項目停工了，RageFrame的學習暫時告一段落，這一篇給大家分享下有關單點登錄的相關知識，并提供一些demo給大家參考，對vue單點登錄的實現(xiàn)方式感興趣的朋友一起看看吧
2021-11-11
vue-axios使用詳解
本篇文章主要介紹了vue-axios使用詳解，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-05-05
antd-日歷組件,前后禁止選擇,只能選中間一部分的實例
這篇文章主要介紹了antd-日歷組件,前后禁止選擇,只能選中間一部分的實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2020-10-10
Vue3中虛擬dom轉成真實dom的過程詳解
Vue.js?在其運行過程中會將模板編譯成虛擬?DOM?(VNode),然后再將?VNode?渲染成實際的?DOM?節(jié)點,這個過程是由?Vue?內部的編譯器和渲染系統(tǒng)完成的,本文給大家介紹了Vue3中虛擬dom轉成真實dom的過程,需要的朋友可以參考下
2024-09-09
vue中v-show和v-if的異同及v-show用法
這篇文章主要介紹了vue中v-show和v-if的異同，通過代碼詳解v-show用法，本文給大家介紹的非常詳細具有一定的參考借鑒價值,需要的朋友可以參考下
2019-06-06
vue實現(xiàn)固定位置顯示功能
這篇文章主要介紹了vue實現(xiàn)固定位置顯示功能,本文通過實例代碼給大家介紹的非常詳細，具有一定的參考借鑒價值，需要的朋友可以參考下
2019-05-05
VUE指令和pinia控制按鈕權限示例詳解
這篇文章主要為大家介紹了VUE指令和pinia控制按鈕權限示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪
2023-09-09