vue请求如何发送json格式数据

在Vue中发送JSON格式的请求可以使用axios库来实现，具体步骤如下：

1. 安装 axios 库

npm install axios --save

2. 在 Vue 组件中使用 axios 发送请求

import axios from 'axios'

export default {
  methods: {
    sendData() {
      const data = {
        name: 'John',
        age: 30
      }

      axios.post('/api/data', data)
        .then(response => {
          console.log(response)
        })
        .catch(error => {
          console.log(error)
        })
    }
  }
}

在上面的例子中，我们使用 axios.post() 方法发送 POST 请求，并将 data 对象作为第二个参数传递给该方法。axios 库会自动将 data 对象转换为 JSON 格式并设置请求头为 'application/json'。

请注意，如果你需要发送 GET 请求，则需要使用 axios.get() 方法，同时将参数作为第二个参数传递。如果你需要发送 PUT 请求，则需要使用 axios.put() 方法，以此类推。

如果你需要在请求头中添加其他信息，例如授权信息等，请使用 axios 的请求拦截器。例如：

import axios from 'axios'

axios.interceptors.request.use((config) => {
  config.headers.Authorization = 'Bearer ' + localStorage.getItem('token')
  return config
})

export default {
  methods: {
    sendData() {
      const data = {
        name: 'John',
        age: 30
      }

      axios.post('/api/data', data)
        .then(response => {
          console.log(response)
        })
        .catch(error => {
          console.log(error)
        })
    }
  }
}

在上面的例子中，我们使用 axios 的请求拦截器在请求头中添加了授权信息。