欢迎来到代码驿站!

vue

当前位置:首页 > 网页前端 > vue

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

时间:2021-01-08 12:21:48|栏目:vue|点击:

最近在学习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表情输入组件 微信face表情组件

栏    目:vue

下一篇:vue input标签通用指令校验的实现

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

本文地址:http://www.codeinn.net/misctech/42392.html

推荐教程

广告投放 | 联系我们 | 版权申明

重要申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:914707363 | 邮箱:codeinn#126.com(#换成@)

Copyright © 2020 代码驿站 版权所有