如何在vue js中使用axios body raw json获取请求

在Vue.js中使用Axios发送带有原始JSON请求体的请求，可以按照以下步骤进行操作：

1. 首先，确保你已经在项目中安装了Axios。如果没有安装，可以通过以下命令进行安装：

npm install axios

1. 在需要发送请求的Vue组件中，可以通过import语句引入Axios：

import axios from 'axios';

1. 在发送请求的方法中，使用Axios的post方法发送请求。在请求的配置中，设置Content-Type为application/json，并将请求体作为原始JSON字符串传递给data属性：

axios.post('your_api_url', JSON.stringify(your_data), {
  headers: {
    'Content-Type': 'application/json'
  }
})
  .then(response => {
    // 请求成功的处理逻辑
  })
  .catch(error => {
    // 请求失败的处理逻辑
  });

在上述代码中，your_api_url是你要发送请求的API的URL，your_data是你要发送的原始JSON数据。

1. 在请求成功的处理逻辑中，可以对返回的数据进行处理。例如，可以将返回的数据保存到Vue组件的数据属性中：

.then(response => {
  this.responseData = response.data;
})

在上述代码中，responseData是Vue组件中的一个数据属性，用于保存返回的数据。

以上就是在Vue.js中使用Axios发送带有原始JSON请求体的请求的步骤。请注意，这只是一个基本的示例，实际应用中可能需要根据具体情况进行适当的调整。

推荐的腾讯云相关产品：腾讯云云服务器（CVM）和腾讯云API网关。腾讯云云服务器提供了可靠、安全、灵活的云计算能力，可满足各种规模和业务需求。腾讯云API网关是一种全托管的API服务，可帮助开发者更轻松地构建、发布和管理API，提供了高性能、高可用的API访问服务。

腾讯云云服务器产品介绍链接地址：https://cloud.tencent.com/product/cvm

腾讯云API网关产品介绍链接地址：https://cloud.tencent.com/product/apigateway