Nuxt.js和SpringBoot项目 出现Content type ‘application/x-www-form-urlencoded；charset=UTF-8‘ not supported

已于 2022-04-18 15:24:56 修改
阅读量1k 收藏
点赞数
分类专栏： vue nuxt.js 文章标签： nuxt.js/vue
于 2022-04-18 15:19:51 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45738379/article/details/124250383
版权

出现原因：在Vue中前端通过created（）初始化方法，调用后端数据。
后端接收参数为@RequestBody(required = false) 。

如果前端传参时不传入这个@RequestBody请求体，就会报Content type ‘application/x-www-form-urlencoded;charset=UTF-8’ not supported错误。

解决办法：1、把created()改为mounted() 即可。
2、前端必须传入@RequestBody接收的参数对象。

AKA小徐
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
Content type ‘application/x-www-form-urlencoded；charset=UTF-8‘ not supported解决方法
dcjmessi的博客
07-24 919
微信小程序前端页面传递参数到后端（springboot），出现Content type ‘application/x-www-form-urlencoded；charset=UTF-8‘ not supported报错，可尝试将后端接收参数时添加@RequestParam。
基于 SpringBoot 和 Nuxt 的服务端渲染博客系统 (2).zip
06-27
本资源中的源码都是经过本地编译过可运行的，下载后按照文档配置好环境就可以运行。资源项目的难度比较适中，内容都是经过助教老师审定过的，应该能够满足学习、使用需求，如果有需要的话可以放心下载使用。有任何问题也可以随时私信博主，博主会第一时间给您解答！！！ 本资源中的源码都是经过本地编译过可运行的，下载后按照文档配置好环境就可以运行。资源项目的难度比较适中，内容都是经过助教老师审定过的，应该能够满足学习、使用需求，如果有需要的话可以放心下载使用。有任何问题也可以随时私信博主，博主会第一时间给您解答！！！ 本资源中的源码都是经过本地编译过可运行的，下载后按照文档配置好环境就可以运行。资源项目的难度比较适中，内容都是经过助教老师审定过的，应该能够满足学习、使用需求，如果有需要的话可以放心下载使用。有任何问题也可以随时私信博主，博主会第一时间给您解答！！！
Content type ‘application/json；charset=UTF-8‘ not supported异常的解决过程
最新发布
m0_68310465的博客
04-30 3205
1.首先说明开发场景 *就是对该json格式数据传输到后台 后台实体类 import com.baomidou.mybatisplus.annotation.TableId; import com.baomidou.mybatisplus.annotation.TableName; import com.fasterxml.jackson.annotation.JsonIgnore; import lombok.Data; import org.springframework.format.annota
java实现http,post请求
weixin_40873693的博客
11-14 4552
import org.apache.http.HttpEntity; import org.apache.http.NameValuePair; import org.apache.http.client.entity.UrlEncodedFormEntity; import org.apache.http.client.methods.CloseableHttpResponse; impo...
Content type ‘application/x-www-form-urlencoded；charset=UTF-8‘ not supported“【已解决】
嘻嘻哈哈学技术
06-10 7万+
HTTP请求的Content-Type
关于出现“Content type ‘application/x-www-form-urlencoded；charset=UTF-8‘ not supported“问题如何解决
LoveTrainHY的博客
01-10 3万+
所遇问题 在公司开发项目中，当前端传来参数时，前端却报错，报错信息显示”Content type ‘application/x-www-form-urlencoded;charset=UTF-8’ not supported“ 原因 此问题的原因是因为前后端数据交互出现json数据类型不符合 json 分为两种类型； (1) json 对象类型，即前端定义的Content type 为 application/x-www-form-urlencoded等 (2) json字符串类型，即前端定义的Conten
restTemplat发post请求报错Content type ‘application/xml；charset=UTF-8‘ not supported“
baidu_21349635的专栏
10-14 5100
文章目录解决方式1:自己封装http的post请求解决方式2:使用resttemplate的exchange，指定请求头的content-Type 背景: 本人发送post请求，报错{"result":"FAILED","timestamp":"1634171535020","errorMessage":"Content type 'application/xml;charset=UTF-8' not supported"} 看了下，请求头没问题的，另辟蹊径，用其他方式代替，暂时避免了这个问题的发生。
stylelint-module:Nuxt.js的Stylelint模块
05-17
@ nuxtjs / stylelint-module Nuxt.js的Stylelint模块要求您需要确保已安装stylelint ： yarn add --dev stylelint # or npm install --save-dev stylelint设置将@nuxtjs/stylelint-module依赖项添加到您的项目中...
date-fns-module:现代JavaScript日期实用程序库-Nuxt.js的date-fns
04-29
@ nuxtjs / date-fns 现代JavaScript日期实用程序库-Nuxt.js的date-fns 设置将@nuxtjs/date-fns依赖项添加到您的项目中yarn add --dev @nuxtjs/date-fns # or npm install --save-dev @nuxtjs/date-fns 添加@nuxtjs/...
nuxt-security:Nuxt.js的模块，用于配置安全标头等
04-28
以下是可用功能的列表： 严格传输安全标头内容安全策略标头X-Frame-Options标头X-Xss保护X-Content-Type-Options标头Referrer-Policy标头功能策略标头security.txt文件生成去做 使用OpenPGP签署security.txt 标头...
nuxt-optimized-images::sunrise::rocket:自动优化Nuxt.js项目中使用的图像（JPEG，PNG，SVG，WebP和GIF）
05-11
:sunrise: :rocket: Nuxt优化图像自动优化Nuxt.js项目中使用的图像（JPEG，PNG，SVG，WebP和GIF）。 该模块的灵感来自（ ）。 用其他语言阅读： ，特征图像大小通常可以减少多达60％，但这并不是@aceforth/nuxt-...
eslint-module：用于Nuxt.js的ESLint模块
02-05
@ nuxtjs / eslint-module 用于Nuxt.js的ESLint模块 要求 您需要确保已安装eslint >= 7 ： yarn add --dev eslint # or npm install --save-dev eslint 建立 将@nuxtjs/eslint-module依赖项添加到您的项目中 yarn ...
Content type ‘application/json；charset=UTF-8’ not supported
city1993的博客
04-19 2万+
Content type 'application/json;charset=UTF-8' not supported 1. 后端定义的对象，不可忽略，并且和前端传递的数据结构不一致 2.pom.xml缺少jackson包引用 ！！jackson需要版本大于2 3.Ajax请求时没有设置Content-Type为application/json 非常见原因 1. 后端接收参数中，有Map<ObjectA, ObjectB>这个样子的数据结构！
Content type ‘application/x-www-form-urlencoded；charset=UTF-8‘ not supported的多种解决方法即详细说明content-type
念兮为美
04-02 7094
Content type 'application/x-www-form-urlencoded;charset=UTF-8' not supported的多种解决方法即详细说明content-type
SpringMVC在使用JSON时出现Error： Content type 'application/json;charset=UTF-8' not supported
热门推荐
风飘向太阳
06-01 10万+
SpringMVC在使用JSON时出现Error： Content type 'application/json;charset=UTF-8' not supported       springmvc中使用jackson的包进行json转换（@requestBody和@responseBody使用下边的包进行json转）， 问题参阐述：    今天在演示Springmvc实现json交互时
Content type ‘application/x-www-form-urlencoded；charset=UTF-8‘ not supported错误的多种解决方法及说明Content-Type
念兮为美
03-29 8142
Content type 'application/x-www-form-urlencoded;charset=UTF-8' not supported错误的多种解决方法及详细说明Content-Type
关于错误415：“Content type ‘application/json；charset=UTF-8‘ not supported”
CSDN217的博客
07-31 8022
近期在测试数据传输中，idea报错：415–>Content type ‘application/json;charset=UTF-8’ not supported.暂时有两种排错思路提供给大家。 思路一：
Content type ‘application.yml/json；charset=UTF-8‘ not supported 并出现 HTTP状态码:415
Obscurede的博客
03-25 2814
Content type 'application.yml/json;charset=UTF-8' not supported 并出现 HTTP状态码:415
nuxt.js使用vue-seamless-scroll
09-08
要在Nuxt.js中使用vue-seamless-scroll，首先需要在plugins目录下创建一个vue-seamless-scroll.js文件，并在文件中导入Vue和SeamlessScroll组件，然后使用Vue.use(SeamlessScroll)进行注册。 接下来，在nuxt.config.js文件中的plugins配置项中添加如下内容： ```javascript plugins: [ '@/plugins/element-ui', '@/plugins/axios', { src: '@/plugins/vue-seamless-scroll', ssr: false }, ] ``` 这样就可以将vue-seamless-scroll插件引入到Nuxt.js项目中了。 然后，在需要使用滚动组件的文件中，使用`<vue-seamless-scroll>`标签，并传入相应的数据和类名等参数。例如： ```html <vue-seamless-scroll :data="runningData" :class-option="scrollOption" class="scroll-container"> <div class="flex-row" v-for="item in runningData" :key="item.id"> <span class="row-1 row-nomal">{{ item.mbShowName }}</span> <span class="row-2 row-nomal">{{ item.mbShowVal }}</span> <span class="row-3 row-nomal">{{ item.updateTime | dateFilter }}</span> </div> </vue-seamless-scroll> ``` 这样就可以在Nuxt.js中使用vue-seamless-scroll组件了。 如果你在公司的基于Nuxt.js的项目中使用滚动组件后刷新页面出现"window is not defined"的错误，可能是因为滚动组件依赖于浏览器环境，而在服务器端渲染时无法访问到window对象。解决这个问题可以将ssr选项设置为false，如前面的配置所示。这样就可以避免在服务器端渲染时出现该错误。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* *3* [在 Nuxt中使用滚动组件 vue-seamless-scroll](https://blog.csdn.net/weixin_44769310/article/details/116144924)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 100%"] [ .reference_list ]

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

AKA小徐

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值