Solution to 404 local request using axios + express under Vue 2.5.2

Now I will share with you a solution to axios express local request 404 under Vue 2.5.2. It has a good reference value and I hope it will be helpful to everyone.

I have been learning Vue recently, and today I tried to use axios to simulate local network requests. During the process of using it, I found that the interface request kept getting 404. Later I found that in the latest project built by Vue-cli, the interface request should be written like this.

1. Introducing related dependencies

var axios = require('axios')
const express = require('express');
var app = express();
var apiRoutes = express.Router();
app.use('/api', apiRoutes);

2. Processing network requests

In the previous project, we handled interface access in dev-server.js like this

apiRoutes.get('/getList', function (req, res) {
 //处理网络请求

})

Now the project built by default does not have a dev-server.js file, and then we can use webpack. Add ur to dev.conf.js.

before(app) {
  app.get('/api/getList', function(req, res) {
  //处理网络请求
  });
 },

3. Recompile

npm run dev

At this point, the project is running and the interface can be accessed normally.

The above is what I compiled for everyone. I hope it will be helpful to everyone in the future.

Related articles:

Method of cross-domain request through jQuery JSONP (detailed tutorial)

Through implementation in Vue2.0 http request and loading display

Detailed interpretation of the difference between method and computed in Vue (detailed tutorial)

The above is the detailed content of Solution to 404 local request using axios + express under Vue 2.5.2. For more information, please follow other related articles on the PHP Chinese website!