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 相关文章推荐
Bootstrap模仿起筷首页效果
May 09 Javascript
JavaScript中的splice方法用法详解
Jul 20 Javascript
基于WebUploader的文件上传js插件
Aug 19 Javascript
妙用Bootstrap的 popover插件实现校验表单提示功能
Aug 29 Javascript
vue组件之Alert的实现代码
Oct 17 Javascript
jQuery+koa2实现简单的Ajax请求的示例
Mar 06 jQuery
Vue.JS实现垂直方向展开、收缩不定高度模块的JS组件
Jun 19 Javascript
详解如何构建一个Angular6的第三方npm包
Sep 07 Javascript
详解Vue Elementui中的Tag与页面其它元素相互交互的两三事
Sep 25 Javascript
vue滚动插件better-scroll使用详解
Oct 18 Javascript
vue-cli4.x创建企业级项目的方法步骤
Jun 18 Javascript
微信小程序实现登录注册功能
Dec 29 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使用多个进程同时控制文件读写示例
2014/02/28 PHP
php合并数组并保留键值的实现方法
2018/03/12 PHP
SWFObject Flash js调用类
2008/07/08 Javascript
JavaScript 函数式编程的原理
2009/10/16 Javascript
轻轻松松学JS调试(不下载任何工具)
2010/04/14 Javascript
js中的this关键字详解
2013/09/25 Javascript
href下载文件根据id取url并下载
2014/05/28 Javascript
jQuery操作select下拉框的text值和value值的方法
2014/05/31 Javascript
jQuery操作元素css样式的三种方法
2014/06/04 Javascript
JS+CSS实现仿新浪微博搜索框的方法
2015/02/24 Javascript
javascript日期验证之输入日期大于等于当前日期
2015/12/13 Javascript
jQuery图片瀑布流的简单实现代码
2017/03/15 Javascript
vue组件父子间通信详解(三)
2017/11/07 Javascript
微信小程序实现留言板
2018/10/31 Javascript
详解VUE单页应用骨架屏方案
2019/01/17 Javascript
详解vue项目中实现图片裁剪功能
2019/06/07 Javascript
Python3中的2to3转换工具使用示例
2015/06/12 Python
Python实现对百度云的文件上传(实例讲解)
2017/10/21 Python
Python切片索引用法示例
2018/05/15 Python
python numpy 常用随机数的产生方法的实现
2019/08/21 Python
Python 线性回归分析以及评价指标详解
2020/04/02 Python
使用python实现CGI环境搭建过程解析
2020/04/28 Python
4款Python 类型检查工具,你选择哪个呢?
2020/10/30 Python
python 基于opencv 绘制图像轮廓
2020/12/11 Python
EVE LOM英国官网:全世界最好的洁面膏
2017/10/30 全球购物
速卖通欧盟:Aliexpress EU
2020/08/19 全球购物
微观物理专业自荐信
2014/01/26 职场文书
《回乡偶书》教学反思
2014/04/12 职场文书
环境科学专业求职信
2014/08/04 职场文书
教师党员批评与自我批评发言稿
2014/10/15 职场文书
2014年环保工作总结
2014/11/26 职场文书
导游词创作书写原则以及开场白技巧怎么学?
2019/09/25 职场文书
教你用python实现一个无界面的小型图书管理系统
2021/05/21 Python
8个JS的reduce使用实例和reduce操作方式
2021/10/05 Javascript
铁头也玩根德 YachtBoy YB-230......
2022/04/05 无线电
TV动画《八十龟酱观察日记》第四季宣传PV公布
2022/04/06 日漫