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