最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

解決vue項目中出現(xiàn)Invalid Host header的問題

 更新時間:2020年11月17日 08:40:03   作者:妹妹你大膽地往前走??!  
這篇文章主要介紹了解決vue項目中出現(xiàn)"Invalid Host header"的問題,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧

在vue-cli版本為2.x的情況下修改webpack.dev.conf.js中的devServer對象加入disableHostCheck: true

devServer: {
 disableHostCheck: true,
}

vue-cli版本3.0的情況下修改vue.config.js的配置

module.exports = {
 devServer: {
 disableHostCheck: true
 }
}

補充知識:vue中使用wangeditor富文本編輯器

1.先下載 編輯器

cnpm install wangeditor --save

2.用法:

2.1、html用來放編輯器

<div id="editor">
  <p v-model="info">請輸入內(nèi)容</p>//占位符
 </div>

2.2、js部分

var E = require('wangeditor') ; / import E from 'wangeditor'
export default{
 mounted () {
  var editor = new E('#editor');
  editor.customConfig.uploadImgServer = '';//上傳圖片的后臺地址
  editor.customConfig.uploadFileName = 'UploadForm[imageFile]';
  editor.customConfig.uploadImgHooks = {
   before: function (xhr, editor, files) {
    // 圖片上傳之前觸發(fā)
    // xhr 是 XMLHttpRequst 對象,editor 是編輯器對象,files 是選擇的圖片文件
    
    // 如果返回的結(jié)果是 {prevent: true, msg: 'xxxx'} 則表示用戶放棄上傳
    // return {
    //  prevent: true,
    //  msg: '放棄上傳'
    // }
   },
   success: function (xhr, editor, result) {
    // 圖片上傳并返回結(jié)果,圖片插入成功之后觸發(fā)
    // xhr 是 XMLHttpRequst 對象,editor 是編輯器對象,result 是服務(wù)器端返回的結(jié)果
    console.log(result);
   },
   fail: function (xhr, editor, result) {
    // 圖片上傳并返回結(jié)果,但圖片插入錯誤時觸發(fā)
    // xhr 是 XMLHttpRequst 對象,editor 是編輯器對象,result 是服務(wù)器端返回的結(jié)果
    alert('圖片插入失敗')
    // 圖片插入失敗時返回
   },
   error: function (xhr, editor) {
    // 圖片上傳出錯時觸發(fā)
    // xhr 是 XMLHttpRequst 對象,editor 是編輯器對象
    // 此處好像是,訪問請求不通的時候,執(zhí)行的,ajax的error
    console.log('上傳出錯')
   },
   timeout: function (xhr, editor) {
    // 圖片上傳超時時觸發(fā)
    // xhr 是 XMLHttpRequst 對象,editor 是編輯器對象
    console.log('上傳超時')
   },
 
   // 如果服務(wù)器端返回的不是 {errno:0, data: [...]} 這種格式,可使用該配置
   // (但是,服務(wù)器端返回的必須是一個 JSON 格式字符串?。?!否則會報錯)
   customInsert: function (insertImg, result, editor) {
    // 圖片上傳并返回結(jié)果,自定義插入圖片的事件(而不是編輯器自動插入圖片?。。。?
    // insertImg 是插入圖片的函數(shù),editor 是編輯器對象,result 是服務(wù)器端返回的結(jié)果
 
    // 上傳成功后,可以監(jiān)聽返回結(jié)果,可以處理土圖片插入
    if ( result.status==200) {
     insertImg(result.data)
    }else{
     console.log(result.message)
    }
    // 舉例:假如上傳圖片成功后,服務(wù)器端返回的是 {url:'....'} 這種格式,即可這樣插入圖片:
    // console.log(result);
    // var url = result.url
    // insertImg(url)
 
    // result 必須是一個 JSON 格式字符串?。?!否則報錯
   },
  }
  editor.create();
 }, 
}

以上這篇解決vue項目中的Invalid Host header問題就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。

相關(guān)文章

  • 如何修改vuex里面的數(shù)據(jù)

    如何修改vuex里面的數(shù)據(jù)

    這篇文章主要介紹了如何修改vuex里面的數(shù)據(jù)問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
    2025-04-04
  • vue實現(xiàn)跨域的方法分析

    vue實現(xiàn)跨域的方法分析

    這篇文章主要介紹了vue實現(xiàn)跨域的方法,結(jié)合實例形式分析了vue.js跨域的原理與相關(guān)實現(xiàn)技巧,需要的朋友可以參考下
    2019-05-05
  • vue.draggable實現(xiàn)表格拖拽排序效果

    vue.draggable實現(xiàn)表格拖拽排序效果

    這篇文章主要為大家詳細介紹了vue.draggable實現(xiàn)表格拖拽排序效果,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2018-12-12
  • 在vue項目中優(yōu)雅的使用SVG的方法實例詳解

    在vue項目中優(yōu)雅的使用SVG的方法實例詳解

    本文旨在介紹如何在項目中配置和方便的使用svg圖標(biāo)。本文以vue項目為例給大家介紹在vue項目中優(yōu)雅的使用SVG的方法,需要的朋友參考下吧
    2018-12-12
  • 詳解Vue與VueComponent的關(guān)系

    詳解Vue與VueComponent的關(guān)系

    這篇文章主要為大家介紹了Vue與VueComponent的關(guān)系,具有一定的參考價值,感興趣的小伙伴們可以參考一下,希望能夠給你帶來幫助
    2021-12-12
  • vscode 開發(fā)Vue項目的方法步驟

    vscode 開發(fā)Vue項目的方法步驟

    這篇文章主要介紹了vscode 開發(fā)Vue項目的方法步驟,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2018-11-11
  • vue實現(xiàn)右鍵菜單欄

    vue實現(xiàn)右鍵菜單欄

    這篇文章主要為大家詳細介紹了vue實現(xiàn)右鍵菜單欄,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2022-04-04
  • 關(guān)于Vue?CLI3中啟動cli服務(wù)參數(shù)說明

    關(guān)于Vue?CLI3中啟動cli服務(wù)參數(shù)說明

    這篇文章主要介紹了關(guān)于Vue?CLI3中啟動cli服務(wù)參數(shù)說明,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教
    2022-04-04
  • 在vue或H5中如何使用復(fù)制粘貼功能

    在vue或H5中如何使用復(fù)制粘貼功能

    這篇文章主要介紹了在vue或H5中如何使用復(fù)制粘貼功能,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教
    2022-09-09
  • vue中vee validate表單校驗的幾種基本使用

    vue中vee validate表單校驗的幾種基本使用

    這篇文章主要介紹了vee-validate表單校驗的基本使用,需要的朋友可以參考下
    2018-06-06

最新評論

孝感市| 张掖市| 海原县| 玛多县| 浏阳市| 二连浩特市| 四川省| 呼图壁县| 安达市| 兴安县| 赤水市| 兴安县| 玉环县| 大田县| 邵阳县| 金寨县| 五常市| 苍梧县| 曲松县| 卢湾区| 名山县| 乌恰县| 吴江市| 乐业县| 阿瓦提县| 东海县| 深泽县| 郯城县| 定边县| 南投县| 教育| 皮山县| 沙坪坝区| 和田县| 常山县| 浏阳市| 成武县| 韶关市| 兴山县| 邳州市| 西乌|