Vue 2.5.2에서 axios + express를 사용하여 404 로컬 요청에 대한 솔루션

이제 Vue 2.5.2에서 axios + express local request 404에 대한 솔루션을 공유하겠습니다. 이는 좋은 참고 가치가 있으며 모든 사람에게 도움이 되기를 바랍니다.

저는 최근 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. Recompile

npm run dev

이 시점에서는 프로젝트가 실행 중이며 정상적으로 인터페이스에 접근할 수 있습니다.

위 내용은 제가 여러분을 위해 정리한 내용입니다. 앞으로 도움이 되길 바랍니다.

관련 기사:

jQuery+JSONP의 교차 도메인 요청 방법(자세한 튜토리얼)

Vue2.0에서 http 요청을 구현하고 디스플레이를 로드하여

메소드에 대한 설명 및 Vue에서 계산된 내용 자세히 차이점(자세한 튜토리얼)

위 내용은 Vue 2.5.2에서 axios + express를 사용하여 404 로컬 요청에 대한 솔루션의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!