Vue JS URLEncoded 형식을 받아들이는 방법

Vue JS URLEncoded 형식을 받아들이는 방법

우편배달부의 URL 인코딩 포맷을 받아들여 데이터를 Vue JS 앱에 투고하려고 합니다.아래 인코딩 포맷을 사용하고 있는데, 어떤 npm 패키지를 사용해야 합니까?

공리를 사용할 수 있습니다.

const axios = require('axios')


const params = new URLSearchParams()
params.append('name', 'Akexorcist')
params.append('age', '28')
params.append('position', 'Android Developer')
params.append('description', 'birthdate=25-12-1989&favourite=coding%20coding%20and%20coding&company=Nextzy%20Technologies&website=http://www.akexorcist.com/')
params.append('awesome', true)

const config = {
  headers: {
    'Content-Type': 'application/x-www-form-urlencoded'
  }
}

axios.post(url, params, config)
  .then((result) => {
    // Do somthing
  })
  .catch((err) => {
    // Do somthing
  })

x-www-form-urlencoded데이터는 HTTP 헤더를 통해 전송됩니다.

대부분의 HTTP 헤더는 프런트엔드 JavaScript 응용 프로그램에 표시되지 않습니다.요청에 응답하는 서버에서만 볼 수 있습니다.웹 브라우저에서 실행되는 JavaScript에서 직접 읽을 수 없습니다.

하지만 선택사항이 있습니다...

• 소스를 변경합니다.POST 요구를 GET로 변경하여 URL 내의 파라미터를 부호화합니다.
• 애플리케이션의 리버스 프록시는 추가 코딩 또는 구성을 통해 POST 파라미터에서 GET 파라미터로 변환할 수 있습니다.
• 서버에서 요청을 수신하여 Vue.js 응용 프로그램에 공급합니다.정적인 HTML 파일 대신 php/asp/etc를 사용하여 html을 제공하고 생성된HTML 페이지에 투고된 파라미터를 포함합니다.

창의적이라면 다른 선택사항이 있을 수 있지만, 가장 간단한 방법이 첫 번째입니다. 데이터가 더 이상 게시되지 않도록 소스를 변경하기만 하면 됩니다.

미들웨어(.net Web API 등의 서버측 코드)를 추가하여 해결한 후 쿼리 문자열을 사용하여 리다이렉트했습니다.

언급URL : https://stackoverflow.com/questions/67910263/vue-js-how-to-accept-the-urlencoded-format