vue SSR asyncData并发post提交设置Content-Type方法_凝步的博客-程序员宅基地

技术标签： vue

最近接触到的vue项目，需要使用 SSR asyncData，遇到了一个问题需要使用并发，同时进行多个post请求。
await Promise.all可以实现并发请求，如果是get提交、或者post无参数提交不会遇到问题。

但是使用post提交，并且有参数，就会报415错误。
后端报错信息如下：
HttpMediaTypeNotSupportedException: Content type ‘application/x-www-form-urlencoded;charset=UTF-8’ not supported
在这里插入图片描述

需要设置$axios的post请求头， ‘Content-Type’: ‘application/json’，下面是我使用的一种方式。

主要是这一段：

$axios({
    
        url: '/v4/article/ks/list',
        method: 'post',
        data: {
    pageNo: 1,
          pageSize: 20,
          orderBy: null,
          orderDir: null,
          searchMap: {
    
            catId: route.query.catId ? route.query.catId : 33,
            typeCodes: route.query.articleCats ? route.query.articleCats : ''
          }},
        headers: {
    
          'Content-Type': 'application/json'
        }
      })

完整代码如下：

  async asyncData ({
     $axios, route }) {
    
    let [request1Data, request2Data] = await Promise.all([
      $axios({
    
        url: '/v4/article/ks/list',
        method: 'post',
        data: {
    pageNo: 1,
          pageSize: 20,
          orderBy: null,
          orderDir: null,
          searchMap: {
    
            catId: route.query.catId ? route.query.catId : 33,
            typeCodes: route.query.articleCats ? route.query.articleCats : ''
          }},
        headers: {
    
          'Content-Type': 'application/json'
        }
      }),
      $axios({
    
        url: '/v4/article/getFirstType',
        method: 'post',
        data: {
    },
        headers: {
    
          'Content-Type': 'application/json'
        }
      })
    ])
  
    return {
    
      articleList: request1Data.data.data.list,
      articleCount: request1Data.data.data.count,
      isShowCatId: route.query.catId ? route.query.catId : 33,
      articleTypeList: request2Data.data.data,
    }
  }

本文链接：https://blog.csdn.net/weixin_43143345/article/details/103437567

原作者删帖不实内容删帖广告或垃圾文章投诉

智能推荐

Spring+Spring MVC+Shiro+Mybatis框架集成_weixin_38437243的博客-程序员宅基地

项目结构：步骤1、添加jar包添加成功后-->Build Path即可步骤2、配置web.xml xmlns="http://java.sun.com/xml/ns/javaee" xmlns:web="http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd" xsi:schemaLocation="http://java.sun.com/xml/ns

10-exchangeDeclare和queueDeclare_西瓜游侠的博客-程序员宅基地

参考：https://www.jianshu.com/p/ba3fa6071bd6在使用RMQ的时候有两个非常重要的方法（基于Java客户端实现amqp-client）：exchangeDeclare：声明一个交换机。queueDeclare：声明一个队列。exchangeDeclare声明exchange用于声明一个交换机，函数签名如下：Exchange.DeclareOk exchangeDeclare(String exchange, .

Python数据结构与算法（3）---统计可散列的对象Counter_counter 算法的_李元静的博客-程序员宅基地

目录前言初始化Counter遍历Counterelements()most_common算数操作前言Counter是一个容器，可以跟踪等效值增加的次数。这个类可以用来实现其他语言中常用包或多集合数据结构实现的算法。本篇，将详细介绍容器Counter的使用方式。初始化CounterCounter支持3种形式的初始化，比如提供一个数组，一个字典，或单独键值对“=”式赋值。具体初始化的代码如下所示：import collectionsa = collections.Counter(['a', 'a

basemap基础投影与地图样式_basemap 投影_微小冷的博客-程序员宅基地

中给出了这34种投影的代码。下表中，NP指代North-Polar，SP指代South-Polar。得到的地图完全是两个风格，当然耗时也完全不一样。在basemap中，封装了多种绘制方案。画的是Nasa的照片，拥有极致色彩，主要参数为。如果不喜欢极致线条，也可以采用极致色彩。下面五种地图均以画线为主，其参数包括。basemap提供了25种投影，用来绘制经、纬线，除了经线对应。可查看其参数，找出几个只需要。，二者的其他参数包括。为绘制图像的坐标轴，为绘制边界线的开关。

Python进程通信详解_python 进程通信_微小冷的博客-程序员宅基地

所谓进程，涵盖了一段程序执行过程中的所有内容。换言之，进程能够调用的内容，都在进程的内部，即无法调用进程外部的内容，所以就产生了进程间通信的需求。`multiprocessing`中提供了两种通信通道，分别是`Queue`和`Pipe`。

全球地下水模拟与监测:机遇与挑战_balabalahoo的博客-程序员宅基地

目前，我们看到水文地质学家开发的工具和框架(通常是局部到区域尺度)与全球尺度应用之间存在差距。

随便推点

Rational Rose_liuye77321660的博客-程序员宅基地

一、下载rational rose 2003英文版【======点此下载：rational rose 2003原版下载地址-========】注意：选择3百多兆的下载，选择热门推荐的下载二、下载破解补丁【======点此下载：rational rose 2003破解补丁===-========】三、下载汉化补丁【======点此下载：rational rose 2003汉化...

pytorch：批训练（batch_training）_pytorch批量训练_a flying bird的博客-程序员宅基地

pytorch：批训练（batch_training）_让机器看懂世界的博客-程序员宅基地_批训练一、什么是批训练？批训练：意思是把整套训练数据分成数个批次进行训练，每个批次从数据中选取 n_num(总数据)/n_batch(批次) 个数据，直到把整套数据训练完成。举个例子，有10个输入训练数据，每个批次训练3个数据，这训练完成需要4个批次，第一次从[1,2,3,4,5,6,7,8,9,0]随机选取3个数据，batch_1=[2,5,9]，第二次再从剩余的7个数据中选取，得到batch_2=[1,4,8]