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 相关文章推荐
js下利用控制器载入对应脚本
Jul 17 Javascript
javascript作用域和闭包使用详解
Apr 25 Javascript
wangEditor编辑器失去焦点后仍然可以在原位置插入图片分析
May 06 Javascript
.NET微信公众号开发之创建自定义菜单
Jul 16 Javascript
vue 组件中添加样式不生效的解决方法
Jul 06 Javascript
JS实现把一个页面层数据传递到另一个页面的两种方式
Aug 13 Javascript
说说Vuex的getters属性的具体用法
Apr 15 Javascript
VUE 实现动态给对象增加属性,并触发视图更新操作示例
Nov 29 Javascript
在vue中使用axios实现post方式获取二进制流下载文件(实例代码)
Dec 16 Javascript
JS实现网页烟花动画效果
Mar 10 Javascript
使用element-ui +Vue 解决 table 里包含表单验证的问题
Jul 17 Javascript
vue 判断两个时间插件结束时间必选大于开始时间的代码
Nov 04 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
ThinkPHP CURD方法之order方法详解
2014/06/18 PHP
PHP实现页面静态化的超简单方法
2016/09/06 PHP
php简单实现单态设计模式的方法分析
2017/07/28 PHP
php探针使用原理和技巧讲解
2019/09/17 PHP
清华大学出版的事半功倍系列 javascript全部源代码
2007/05/04 Javascript
仅IE不支持setTimeout/setInterval函数的第三个以上参数
2011/05/25 Javascript
jQuery结合PHP+MySQL实现二级联动下拉列表[实例]
2011/11/15 Javascript
JS实现商品倒计时实现代码
2013/05/03 Javascript
js采用map取到id集合组并且实现点击一行选中一行
2013/12/16 Javascript
快速解决jquery之get缓存问题的最简单方法介绍
2013/12/19 Javascript
JsRender for index循环索引用法详解
2014/10/31 Javascript
jquery操作select方法汇总
2015/02/05 Javascript
javascript记住用户名和登录密码(两种方式)
2015/08/04 Javascript
关于数据与后端进行交流匹配(点亮星星)
2016/08/03 Javascript
JS中Map和ForEach的区别
2018/02/05 Javascript
详解vscode中vue代码颜色插件
2018/10/11 Javascript
Vue触发式全局组件构建的方法
2018/11/28 Javascript
vuejs简单验证码功能完整示例
2019/01/08 Javascript
vue 内联样式style中的background用法说明
2020/08/05 Javascript
vue 获取到数据但却渲染不到页面上的解决方法
2020/11/19 Vue.js
Python 制作糗事百科爬虫实例
2016/09/22 Python
详解TensorFlow在windows上安装与简单示例
2018/03/05 Python
python 实现一次性在文件中写入多行的方法
2019/01/28 Python
python读取raw binary图片并提取统计信息的实例
2020/01/09 Python
keras输出预测值和真实值方式
2020/06/27 Python
德国汉莎航空中国官网: Lufthansa中国
2017/03/30 全球购物
Boutique 1美国:阿联酋奢侈时尚零售商
2017/10/16 全球购物
美国网上书店:Barnes & Noble
2018/08/15 全球购物
社区国庆节活动方案
2014/02/05 职场文书
就业协议书的作用
2014/04/11 职场文书
先进学校事迹材料
2014/12/30 职场文书
导游词范文
2015/02/13 职场文书
2015年乡镇流动人口工作总结
2015/05/12 职场文书
幼儿园六一主持词
2015/06/30 职场文书
使用vue-element-admin框架从后端动态获取菜单功能的实现
2021/04/29 Vue.js
Flink 侧流输出源码示例解析
2022/09/23 Servers