Vue 2.5.2下 axios + express 本地请求404
2018-01-02 16:44
1231 查看
最近在学习Vue,今天尝试了使用axios模拟本地网络请求。使用的过程中发现接口请求一直404,后来发现在当期的Vue-cli构建的最新的项目中,接口请求应该这样写。
现在默认构建的项目工程是没有dev-server.js文件的,然后我们可以在webpack.dev.conf.js中添加ur。
此时,项目运行,接口就可以正常访问了。
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的解决方法
- vue使用axios来请求本地json文件
- vue项目axios请求接口,后端代理请求接口404,问题出现在哪?
- axios请求本地数据404
- vue开发:axios的post请求接口出现404,但是get则成功
- Vue 爬坑之路(六)—— 使用 Vuex + axios 发送请求
- springboot vue.js axios.js ajax请求纯HTML页面传值
- Vue.js实战之使用Vuex + axios发送请求详解
- vue axios数据请求及vue中使用axios的方法
- [置顶] 基于mongodb+express+vue+axios+bootstrap的掘金最热文章收藏评论分析
- vue2.0-axios-MongoDB-express 实现增删改查功能
- Vue2.0 axios请求以及loading展示
- Vue 使用axios 发送post请求,参数格式有错误问题
- Vue项目之Axios数据请求
- 详解vue中使用express+fetch获取本地json文件
- 使用vue-cli脚手架 与 axios 请求数据 配置代理进行跨域访问数据问题
- vue中的axios.post使用json数据传输,出现请求头字段内容类型是不被允许的情况的解决方案
- Vue------用axios发送post请求自动set cookie
- vue配置请求本地json数据的方法
- vuex state mutation action 之间关系,axios 跨域代理请求问题