Vue 2.5.2下axios + express 本地请求404的解决方法


Posted in Javascript onFebruary 21, 2018

最近在学习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

此时,项目运行,接口就可以正常访问了。

以上这篇Vue 2.5.2下axios + express 本地请求404的解决方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JavaScript更改class和id的方法
Oct 10 Javascript
JS获取后台Cookies值的小例子
Mar 04 Javascript
使用apply方法实现javascript中的对象继承
Dec 16 Javascript
加载列表时jquery获取ul中第一个li的属性
Nov 02 Javascript
EasyUI创建人员树的实例代码
Sep 15 Javascript
微信小程序module.exports模块化操作实例浅析
Dec 20 Javascript
详解小程序退出页面时清除定时器
Apr 28 Javascript
微信网页登录逻辑与实现方法
Apr 29 Javascript
基于Vue实现平滑过渡的拖拽排序功能
Jun 12 Javascript
js中火星坐标、百度坐标、WGS84坐标转换实现方法示例
Mar 02 Javascript
分享一款超好用的JavaScript 打包压缩工具
Apr 26 Javascript
浅谈JavaScript节流和防抖函数
Aug 25 Javascript
把vue-router和express项目部署到服务器的方法
Feb 21 #Javascript
浅谈在vue中用webpack打包之后运行文件的问题以及相关配置方法
Feb 21 #Javascript
浅谈webpack打包过程中因为图片的路径导致的问题
Feb 21 #Javascript
解决vue打包之后静态资源图片失效的问题
Feb 21 #Javascript
Vue项目中设置背景图片方法
Feb 21 #Javascript
使用vue + less 实现简单换肤功能的示例
Feb 21 #Javascript
利用angular、react和vue实现相同的面试题组件
Feb 19 #Javascript
You might like
PHP多线程抓取网页实现代码
2010/07/22 PHP
浅析php中jsonp的跨域实例
2013/06/21 PHP
使用图灵api创建微信聊天机器人
2015/07/23 PHP
php实现有序数组打印或排序的方法【附Python、C及Go语言实现代码】
2016/11/10 PHP
tp5.1 框架查询表达式用法详解
2020/05/25 PHP
(currentStyle)javascript为何有时用style得不到已设定的CSS的属性
2007/08/15 Javascript
一个基于jquery的文本框记数器
2012/09/19 Javascript
js时间日期和毫秒的相互转换
2013/02/22 Javascript
js计算字符串长度包含的中文是utf8格式
2013/10/15 Javascript
Ajax提交与传统表单提交的区别说明
2014/02/07 Javascript
javascript实现复选框超过限制即弹出警告框的方法
2015/02/25 Javascript
javascript下拉框选项单击事件的例子分享
2015/03/04 Javascript
javascript实现模拟时钟的方法
2015/05/13 Javascript
在for循环中length值是否需要缓存
2015/07/27 Javascript
javascript实现圣旨卷轴展开效果(代码分享)
2017/03/23 Javascript
javascript(基于jQuery)实现鼠标获取选中的文字示例【测试可用】
2019/10/26 jQuery
JavaScript原生数组函数实例汇总
2020/10/14 Javascript
[46:32]Fnatic vs OG 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
使用Python对SQLite数据库操作
2017/04/06 Python
Python实现的FTP通信客户端与服务器端功能示例
2018/03/28 Python
通过cmd进入python的实例操作
2019/06/26 Python
Python 基于wxpy库实现微信添加好友功能(简洁)
2019/11/29 Python
Tensorflow的梯度异步更新示例
2020/01/23 Python
解决tensorflow添加ptb库的问题
2020/02/10 Python
python有序查找算法 二分法实例解析
2020/02/18 Python
5分钟快速掌握Python定时任务框架的实现
2021/01/26 Python
师范生教师实习自我鉴定
2013/09/27 职场文书
国土资源局开展党的群众路线教育实践活动整改措施
2014/09/26 职场文书
2015年大学生入党自荐书
2015/03/24 职场文书
2015年小学数学教师个人工作总结
2015/05/25 职场文书
先进教师个人主要事迹材料
2015/11/03 职场文书
《圆明园的毁灭》教学反思
2016/02/16 职场文书
导游词之白茶谷九龙峡
2019/10/23 职场文书
星际争霸:毕姥爷vs解冻03
2022/04/01 星际争霸
Java的Object类的九种方法
2022/04/13 Java/Android
ipad隐藏软件app图标方法
2022/04/19 数码科技