欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

解決vue前端文件上傳報(bào)錯(cuò):上傳失敗,原因:413 Request Entity Too Large

 更新時(shí)間：2024年08月29日 09:03:19   作者：IT博客技術(shù)分享  
這篇文章主要介紹了解決vue前端文件上傳報(bào)錯(cuò):上傳失敗,原因:413 Request Entity Too Large,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教

vue前端文件上傳報(bào)錯(cuò):上傳失敗,原因: 413 Request Entity Too Large

先上報(bào)錯(cuò)效果圖

問題

在本地開發(fā)中無論上傳小文件還是大文件都可以上傳成功，但將代碼發(fā)布到測試環(huán)境后，超過1mb的文件就會(huì)報(bào)錯(cuò)，打開控制臺(tái)一看413 Request Entity Too Large。

排查我們的系統(tǒng)接口

在node層做了一下轉(zhuǎn)發(fā)代理用到了koaBody （有的沒有加這個(gè)，可以忽略）

app.use(
  koaBody({
    parsedMethods: ['POST', 'PUT', 'PATCH', 'DELETE'],
    formLimit: '200mb',
    jsonLimit: '200mb', // ajax 請(qǐng)求
    textLimit: '200mb',
    multipart: false,
    formidable: {
      maxFieldsSize: 10 * 1024 * 1024
    },
  })
);

前端限制解除，重新打包上線，還是報(bào)錯(cuò) 413 Request Entity Too Large

繼續(xù)排查

Nginx默認(rèn)最大能夠上傳1MB文件，大于1MB的文件自然無法上傳，打開nginx.conf（沒權(quán)限找運(yùn)維人員）在http{ }中設(shè)置：client_max_body_size 200m。

這里根據(jù)自己公司的需求限制大小哈，我們這限制為200M.

解除成功的案例

總結(jié)

以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

相關(guān)文章

  • 詳解vue+vuex+koa2開發(fā)環(huán)境搭建及示例開發(fā)

    詳解vue+vuex+koa2開發(fā)環(huán)境搭建及示例開發(fā)

    本篇文章主要介紹了詳解vue + vuex + koa2開發(fā)環(huán)境搭建及示例開發(fā)，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2018-01-01
  • vue項(xiàng)目如何去掉URL中#符號(hào)的方法

    vue項(xiàng)目如何去掉URL中#符號(hào)的方法

    在開發(fā)過程中發(fā)現(xiàn)路徑中帶有/#/的標(biāo)示,而且還去不掉,很丑陋,下面這篇文章主要給大家介紹了vue項(xiàng)目如何去掉URL中#符號(hào)的相關(guān)資料,文中通過實(shí)例代碼的非常詳細(xì),需要的朋友可以參考下
    2022-07-07
  • vue3.2中的vuex使用詳解

    vue3.2中的vuex使用詳解

    這篇文章主要介紹了vue3.2中的vuex使用詳解,本文給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
    2023-04-04
  • element中table操作按鈕展示與折疊的實(shí)現(xiàn)示例

    element中table操作按鈕展示與折疊的實(shí)現(xiàn)示例

    因?yàn)殡S著功能的增多，table操作欄中的功能按鈕增多，這時(shí)候就需要折疊，本文主要介紹了element中table操作按鈕展示與折疊的實(shí)現(xiàn)示例，具有一定的參考價(jià)值，感興趣的可以了解一下
    2022-04-04
  • vue實(shí)現(xiàn)壓縮圖片預(yù)覽并上傳功能（promise封裝）

    vue實(shí)現(xiàn)壓縮圖片預(yù)覽并上傳功能（promise封裝）

    這篇文章主要為大家詳細(xì)介紹了vue實(shí)現(xiàn)壓縮圖片預(yù)覽并上傳功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
    2019-01-01
  • vue前端實(shí)現(xiàn)login頁登陸驗(yàn)證碼代碼示例

    vue前端實(shí)現(xiàn)login頁登陸驗(yàn)證碼代碼示例

    現(xiàn)在我們管理后臺(tái)有個(gè)需求,就是登錄頁面需要獲取驗(yàn)證碼,用戶可以輸入驗(yàn)證碼后進(jìn)行登錄,這篇文章主要給大家介紹了關(guān)于vue前端實(shí)現(xiàn)login頁登陸驗(yàn)證碼的相關(guān)資料,需要的朋友可以參考下
    2024-05-05
  • 一文帶你上手vue3中的pinia

    一文帶你上手vue3中的pinia

    這篇文章主要以vue3+vite+ts舉例,為大家詳細(xì)介紹了vue3中pinia的安裝與使用,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下
    2023-09-09
  • Vue引入高德地圖實(shí)現(xiàn)流程分步講解

    Vue引入高德地圖實(shí)現(xiàn)流程分步講解

    這篇文章主要介紹了Vue引入高德地圖實(shí)現(xiàn)流程，實(shí)現(xiàn)步驟是通過vue的方法引入地圖，初始化地圖，設(shè)置寬和高，本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，需要的朋友可以參考下
    2022-12-12
  • 基于elementUI實(shí)現(xiàn)圖片預(yù)覽組件的示例代碼

    基于elementUI實(shí)現(xiàn)圖片預(yù)覽組件的示例代碼

    這篇文章主要介紹了基于elementUI實(shí)現(xiàn)圖片預(yù)覽組件的示例代碼，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2019-03-03
  • Vue組件更新數(shù)據(jù)v-model不生效的解決

    Vue組件更新數(shù)據(jù)v-model不生效的解決

    這篇文章主要介紹了Vue組件更新數(shù)據(jù)v-model不生效的解決方案，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
    2022-04-04

最新評(píng)論