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

Vue項目開發(fā)常見問題和解決方案總結

 更新時間:2020年09月11日 08:47:47   作者:大明的IT筆記  
這篇文章主要介紹了Vue項目開發(fā)常見問題和解決方案總結,幫助大家更好的利用vue開發(fā),感興趣的朋友可以了解下

Vue Cli 打包之后靜態(tài)資源路徑不對的解決方法

cli2版本:

將 config/index.js 里的 assetsPublicPath 的值改為 './' 。

build: {
 ...
 assetsPublicPath: './',
 ... 
}

cli3版本:

在根目錄下新建 vue.config.js 文件,然后加上以下內(nèi)容:(如果已經(jīng)有此文件就直接修改)

module.exports = {
 publicPath: '', // 相對于 HTML 頁面(目錄相同)
}

Vue cli 3 報錯 error: Unexpected console statement (no-console) 解決辦法

在項目的根目錄下的 package.json 文件中的 eslintConfig:{} 中的 "rules": { 加入"no-console":"off" }, 其它類似報錯也是如此

// 示例:
"eslintConfig": {
  "root": true,
  "env": {
   "node": true
  },
  "extends": [
   "plugin:vue/essential",
   "eslint:recommended"
  ],
  "rules": {
   "no-console":"off"
  },
}

axios 取消請求 (如:用戶登錄失效,阻止其他請求)

const CancelToken = axios.CancelToken;
const source = CancelToken.source();

axios.interceptors.request.use(
  config => {
    config.cancelToken = source.token; // 全局添加cancelToken
      return config;
    },
    err => {
      return Promise.reject(err);
    }
  );
/** 設置響應攔截 **/
axios.interceptors.response.use(
  response => {
    // 登錄失效101
    if ( response.data.code===101) {
      source.cancel(); // 取消其他正在進行的請求
      // some coding
    }
    return response;
  },
  error => {
    if (axios.isCancel(error)) { // 取消請求的情況下,終端Promise調用鏈
      return new Promise(() => {});
    } else {
      return Promise.reject(error);
    }
  }
);

vue-photo-preview圖片預覽失效問題記錄

<img
  class="pic"
  v-for="(item,index) of imgList"
  :key="index"
  :src="item.smallFileName"
  :large="item.fileName"
  preview="0"
  preview-text="癥狀圖片"
>

imgList是異步獲取數(shù)據(jù)的時候在獲取數(shù)據(jù)后需要調用this.$previewRefresh();刷新重置一下,否則~~不生效

以上就是Vue項目開發(fā)常見問題和解決方案總結的詳細內(nèi)容,更多關于vue 常見問題和解決方案的資料請關注腳本之家其它相關文章!

相關文章

  • vue2.0+ 從插件開發(fā)到npm發(fā)布的示例代碼

    vue2.0+ 從插件開發(fā)到npm發(fā)布的示例代碼

    這篇文章主要介紹了vue2.0+ 從插件開發(fā)到npm發(fā)布的示例代碼,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2018-04-04
  • 深入理解Vue的數(shù)據(jù)響應式

    深入理解Vue的數(shù)據(jù)響應式

    Vue.js的核心包括一套“響應式系統(tǒng)”?!绊憫健?,是指當數(shù)據(jù)改變后,Vue會通知到使用該數(shù)據(jù)的代碼。例如,視圖渲染中使用了數(shù)據(jù),數(shù)據(jù)改變后,視圖也會自動更新。
    2021-05-05
  • 使用websocket和Vue2中的props實時更新數(shù)據(jù)方式

    使用websocket和Vue2中的props實時更新數(shù)據(jù)方式

    這篇文章主要介紹了使用websocket和Vue2中的props實時更新數(shù)據(jù)方式,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
    2024-08-08
  • Vue項目中如何安裝element組件

    Vue項目中如何安裝element組件

    這篇文章主要介紹了Vue項目中如何安裝element組件問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
    2024-02-02
  • vue項目中頁面底部出現(xiàn)白邊及空白區(qū)域錯誤的問題

    vue項目中頁面底部出現(xiàn)白邊及空白區(qū)域錯誤的問題

    這篇文章主要介紹了vue項目中頁面底部出現(xiàn)白邊及空白區(qū)域錯誤的問題,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教
    2022-08-08
  • vue跳轉頁面的幾種常用方法實例總結

    vue跳轉頁面的幾種常用方法實例總結

    Vue是一種流行的JavaScript框架,用于構建用戶界面,在Vue中,頁面跳轉通常使用路由(Router)來實現(xiàn),除此之外還有很多方法,這篇文章主要給大家介紹了關于vue跳轉頁面的幾種常用方法,需要的朋友可以參考下
    2024-05-05
  • 簡單了解Vue computed屬性及watch區(qū)別

    簡單了解Vue computed屬性及watch區(qū)別

    這篇文章主要介紹了通過實例解析Vue computed屬性及watch區(qū)別,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下
    2020-07-07
  • vue this.reload 方法 配置

    vue this.reload 方法 配置

    這篇文章主要介紹了vue this.reload 方法 配置,非常不錯,具有一定的參考借鑒價值,需要的朋友可以參考下
    2018-09-09
  • vue el-table實現(xiàn)自定義表頭

    vue el-table實現(xiàn)自定義表頭

    這篇文章主要為大家詳細介紹了vue el-table實現(xiàn)自定義表頭,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2019-12-12
  • element-plus/element-ui走馬燈配置圖片及圖片自適應的最簡便方法

    element-plus/element-ui走馬燈配置圖片及圖片自適應的最簡便方法

    走馬燈功能在展示圖片時經(jīng)常用到,下面這篇文章主要給大家介紹了關于element-plus/element-ui走馬燈配置圖片及圖片自適應的最簡便方法,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下
    2023-03-03

最新評論