>  기사  >  웹 프론트엔드  >  vue에서 게시물 요청을 구현하려면 a=a&b=b를 사용하세요.

vue에서 게시물 요청을 구현하려면 a=a&b=b를 사용하세요.

php中世界最好的语言
php中世界最好的语言원래의
2018-05-15 10:43:581421검색

이번에는 a=a&b=b를 사용하는 vue의 post 요청을 가져오겠습니다. vue에서 post 요청을 구현하기 위해 a=a&b=b를 사용할 때 주의해야 할 Notes는 무엇입니까? 실제 사례이므로 살펴보겠습니다.

vue 개발 과정에서 우리는 항상 몇 가지 문제에 직면하게 됩니다. 물론 어떤 문제도 우리가 앞으로 나아가는 것을 막을 수는 없습니다. 개발 과정에서 직면한 문제는 다음과 같습니다요청 매개변수

1, 당분간 배경 데이터가 없을 경우 게시물 요청의 매개변수 대부분은 이름:a,나이:b 형식으로 작성됩니다.

import axios from 'axios';
axios.post(url,{
    name:'0',age:''
    },{emulateJSON: true}, {  // 这里是跨域写法
    headers:{"Content-Type": "application/x-www-form-urlencoded;charset=utf-8",}  // 这里是跨域的写法
    }).then(reponse=>{
     console.log(reponse)
      this.tableData=reponse.data.data
    })

이렇게 작성해도 문제 없습니다.

2. 배경은 작성해 놓았는데 게시요청이 name:a&age:b 와 같은 방식으로 작성하고 싶다면, 위에서 작성한 데이터는 이때 데이터를 요청할 수 없게 되므로, a를 사용해야 합니다. 이 문제를 해결하기 위한 플러그인

2.1, install qs

 npm install --save axios vue-axios qs

2.2, in 요청한 페이지 추가

    import qs from 'qs';
     import axios from 'axios';
axios.post(url,qs.stringify({  // 通过qs.stringify()将对象解析成URL的形式
    name:'0', age:'2'
    }),{emulateJSON: true},{
    headers:{"Content-Type": "application/x-www-form-urlencoded;charset=utf-8",}
    }).then(reponse=>{
     console.log(reponse)
     this.tableData=reponse.data.data
    })

이 기사의 사례를 읽은 후 방법을 마스터했다고 생각합니다. 더 흥미로운 정보를 보려면 결제하세요. PHP 중국어 웹사이트의 다른 관련 기사에 주목하세요!

추천 자료:

PopupWindow 구성 요소 사용 단계 분석의 Vue 구현

vue+jquery+lodash 슬라이딩 시 상단 부동 고정 기능에 대한 자세한 설명

위 내용은 vue에서 게시물 요청을 구현하려면 a=a&b=b를 사용하세요.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.