Solution à la requête locale 404 utilisant axios + express sous Vue 2.5.2

Maintenant, je vais partager avec vous une solution pour axios + express local request 404 sous Vue 2.5.2. Elle a une bonne valeur de référence et j'espère qu'elle sera utile à tout le monde.

J'ai appris Vue récemment et aujourd'hui j'ai essayé d'utiliser axios pour simuler des requêtes de réseau local. Au cours du processus d'utilisation, j'ai constaté que la requête d'interface continuait à recevoir 404. Plus tard, j'ai découvert que dans le dernier projet construit par Vue-cli, la requête d'interface devait être écrite comme ceci.

1. Introduire les dépendances associées

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

2. 🎜>Dans le projet précédent, nous avons géré l'accès à l'interface dans dev-server.js comme ceci

Maintenant, le projet construit par défaut n'a pas le fichier dev-server.js, et puis nous pouvons être ajoutés dans webpack.dev.conf.js.

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

})

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

3. Recompiler

À ce stade, le projet est en cours d'exécution et l'interface est accessible normalement.

npm run dev

J'ai compilé ce qui précède pour vous, j'espère que cela vous sera utile à l'avenir.

Articles associés :

Méthode de requête inter-domaines via jQuery+JSONP (tutoriel détaillé)

Grâce à Vue2.0 Implémenter http affichage de la demande et du chargement

Expliquez la différence entre la méthode et calculé dans Vue en détail (tutoriel détaillé)

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!