Vue 2.5.2下axios + express 本地請(qǐng)求404的解決方法
更新時(shí)間：2018年02月21日 22:16:26 作者：lv灬陳強(qiáng)
下面小編就為大家分享一篇Vue 2.5.2下axios + express 本地請(qǐng)求404的解決方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
最近在學(xué)習(xí)Vue,今天嘗試了使用axios模擬本地網(wǎng)絡(luò)請(qǐng)求。使用的過程中發(fā)現(xiàn)接口請(qǐng)求一直404,后來發(fā)現(xiàn)在當(dāng)期的Vue-cli構(gòu)建的最新的項(xiàng)目中，接口請(qǐng)求應(yīng)該這樣寫。
1、引入相關(guān)依賴
var axios = require('axios')
const express = require('express');
var app = express();
var apiRoutes = express.Router();
app.use('/api', apiRoutes);
2、處理網(wǎng)絡(luò)請(qǐng)求
在之前的項(xiàng)目中，我們是在dev-server.js 這樣處理接口訪問
apiRoutes.get('/getList', function (req, res) {
//處理網(wǎng)絡(luò)請(qǐng)求
})
現(xiàn)在默認(rèn)構(gòu)建的項(xiàng)目工程是沒有dev-server.js文件的，然后我們可以在webpack.dev.conf.js中添加ur。
before(app) {
app.get('/api/getList', function(req, res) {
//處理網(wǎng)絡(luò)請(qǐng)求
});
},
3、重新編譯
npm run dev
此時(shí)，項(xiàng)目運(yùn)行，接口就可以正常訪問了。
以上這篇Vue 2.5.2下axios + express 本地請(qǐng)求404的解決方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
本篇文章主要介紹了淺談Vue下使用百度地圖的簡易方法，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-03-03
vue中常遇到第三方j(luò)s,這篇文章主要給大家介紹了關(guān)于Vue項(xiàng)目中如何引入本地第三方JS庫的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-06-06
在 Vue 中，如果直接對(duì)數(shù)組進(jìn)行操作，比如使用下標(biāo)直接修改元素，數(shù)組長度不變時(shí)， Vue 是無法監(jiān)測(cè)到這種變化的，導(dǎo)致無法觸發(fā)視圖更新。針對(duì)該問題本文為大家整理了一些方法，需要的可以參考一下2023-01-01
vue實(shí)現(xiàn)單點(diǎn)登錄的方式匯總
最近項(xiàng)目停工了，RageFrame的學(xué)習(xí)暫時(shí)告一段落，這一篇給大家分享下有關(guān)單點(diǎn)登錄的相關(guān)知識(shí)，并提供一些demo給大家參考，對(duì)vue單點(diǎn)登錄的實(shí)現(xiàn)方式感興趣的朋友一起看看吧2021-11-11
本篇文章主要介紹了vue-axios使用詳解，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-05-05
antd-日歷組件,前后禁止選擇,只能選中間一部分的實(shí)例
這篇文章主要介紹了antd-日歷組件,前后禁止選擇,只能選中間一部分的實(shí)例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2020-10-10
Vue3中虛擬dom轉(zhuǎn)成真實(shí)dom的過程詳解
Vue.js?在其運(yùn)行過程中會(huì)將模板編譯成虛擬?DOM?(VNode),然后再將?VNode?渲染成實(shí)際的?DOM?節(jié)點(diǎn),這個(gè)過程是由?Vue?內(nèi)部的編譯器和渲染系統(tǒng)完成的,本文給大家介紹了Vue3中虛擬dom轉(zhuǎn)成真實(shí)dom的過程,需要的朋友可以參考下2024-09-09
這篇文章主要介紹了vue中v-show和v-if的異同 ，通過代碼詳解v-show用法，本文給大家介紹的非常詳細(xì)具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-06-06
這篇文章主要介紹了vue實(shí)現(xiàn)固定位置顯示功能,本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2019-05-05
這篇文章主要為大家介紹了VUE指令和pinia控制按鈕權(quán)限示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-09-09