Vue JS如何接受URLEncoded格式

Question

我正在尝试接受 postman 中的 URL 编码格式以 post 一些数据到 Vue JS 应用程序，我正在使用下面的编码格式，如何才能我实现了我应该使用哪个 npm 包？

Answer 1

`x-www-form-urlencoded` 数据通过 HTTP 发送 headers

大多数 HTTP headers 对您的 front-end JavaScript 应用程序不可见。它们仅对响应请求的服务器可见。您无法在网络浏览器中直接从 JavaScript 运行读取它们。

但是，还有选择...

更改来源；将 POST 请求更改为 GET 并在 URL
您的应用程序的反向代理可以通过一些额外的编码或配置从 POST 参数转换为 GET 参数
在您的服务器上接收请求并将它们提供给您的 Vue.js 应用程序；使用 php/asp/etc 之类的东西来为您的 html 而不是静态 HTML 文件提供服务，并将发布的参数嵌入生成的 HTML 页面

如果您有创意，可能还有其他选择，但最简单的是第一个 - 只需更改源，使其不再发布数据。

Answer 2

我通过添加中间件（服务器端代码，如 .net web API）解决了它，然后使用查询字符串重定向它）

Answer 3

你可以使用 axios

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
  })

Vue JS如何接受URLEncoded格式

Vue JS how to accept the URLEncoded format

javascript

vue.js

vue-component

vuex

vuejs2

`x-www-form-urlencoded` 数据通过 HTTP 发送 headers

Vue JS如何接受URLEncoded格式

Vue JS how to accept the URLEncoded format

javascript

vue.js

vue-component

vuex

vuejs2

x-www-form-urlencoded 数据通过 HTTP 发送 headers

`x-www-form-urlencoded` 数据通过 HTTP 发送 headers