vue가 axios를 처리할 때 게시 요청 매개변수 전달 문제

이번에는 vue가 axios를 처리할 때 post request에서 매개변수를 전달하는 문제를 알려드리겠습니다. vue가 post 요청에서 axios를 처리할 때 notes는 무엇인가요? 다음은 실제 사례입니다. 살펴보겠습니다.

Axios가 이미 vux에 포함되어 있고 사용법도 매우 간단하므로 많은 친구들이 vue를 사용할 때 확실히 axios 요청을 사용할 것입니다. 매개변수가 서버로 전송되지 않는 문제가 있을 수 있습니다. 문서에서도 이러한 상황이 발생한다고 언급한 것으로 기억합니다. 다음에 필요할 때 바로 사용할 수 있도록 설정을 기록하겠습니다. 더 이상 오래된 코드를 뒤져볼 필요가 없습니다.

다음은 vux에서 사용하는 방법입니다. main.js에 코드를 넣으면 됩니다. vue만 사용하고 Axios를 직접 설치하는 경우 설정 방법은 동일하며 기록되지 않습니다.

<a href="https://www.php.cn/php/php-tp-install.html" target="_blank">import qs from 'qs'
import es6Promise from 'es6-promise'
import { AjaxPlugin } from 'vux'
Vue.use(AjaxPlugin)
AjaxPlugin.$http.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded'
// POST传参序列化(添加请求拦截器)
AjaxPlugin.$http.interceptors.request.use((config) => {
 // 发送请求之前做某件事
 if (config.method === 'post') {
  config.data = qs.stringify(config.data)
 }
 return config
}, (error) => {
 return error
})</a>

참고: 는 새로운 Vue({}) 앞에 배치됩니다.이 기사의 사례를 읽은 후 방법을 마스터했다고 생각합니다. 더 흥미로운 정보를 보려면 다음 페이지의 다른 관련 기사에 주목하세요. PHP 중국어 웹사이트!

추천 자료:

Koa2 프레임워크의 CORS를 사용하여 도메인 간 Ajax 요청을 완료하는 방법

Vue에서 메서드와 계산의 차이점

위 내용은 vue가 axios를 처리할 때 게시 요청 매개변수 전달 문제의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!