vue elementUI Vue常見的坑

2021-08-08 01:52:55 字數 1247 閱讀 1448

此專案主要是列舉平時遇見的問題的一些解決方案,後續開發直接引用就行&&參考就行

module.vue是模板結構,新建.vue檔案時複製貼上,專案開發完成刪除即可

模板是在vue-cli 腳手架的基礎上根據自身專案需求做的改動

版本號新增(解決快取問題)

node接收打包變數 npm run build v1.1

上線時,編寫上線指令碼 參考之前指令碼 sh line.sh v1.1

img 標籤src路徑js動態新增打包時候吧不會新增上版本號

第一種解決方案:在版本資料夾外層,單獨複製乙份static(之前專案解決方案)

第二種解決方案:位址 require(path)(建議以後用這種)

線上&&測試環境請求介面位址更換

第一種:手動切換(目前專案中用的是這種)

第二種:判斷是開發環境還是生產環境(前端搞定,不需後端配合,不需手動)

請求引入的是vue-resource

目前vue-resource已經停止更新,但是我們還是用vue-resource的原因是我們的後端介面都是

跨域請求,vue官方推薦的是axios但是目前來說我是沒發現跨域的解決方法

專案中的api資料夾是專案的資料層,做到資料層與邏輯層分離

api.js就是請求層,config.js就是介面配置資訊

多語言處理-vue-i18n

[email protected]和 餓了嗎相容,其他版本開發比較複雜

iview 也是一樣必須用5版本

詳細用法參考main.js

vue-router 懶載入

babel-polyfill修復低版本瀏覽器核心不支援es6語法

注意:只需安裝到開發依賴

線上過濾console.log

解決首屏載入白屏現象

api(service 模組)

資料請求層,api.js資料請求處理,config.js介面配置資訊

router

index.js路由配置資訊

store

vuex狀態管理,如果狀態較多時 把store分割成module,方便管理

tool

專案中所需的一些工具(例如:一些自定義的一些工具函式)

vuei18n

多語言--包(分模組。方便管理)

bus.js乙個通訊例項,主要解決元件之間通訊問題(非父子元件),注意方法命名問題

config.js 專案中的配置資訊

static

專案中的靜態資源js\img\css

mysql常見的優化策略 Mysql常見的優化策略

資料庫設計方面優化 1 資料庫設計符合第三正規化,為了查詢方便可以有一定的資料冗餘。2 選擇資料型別優先順序 int date,time enum,char varchar blob,選擇資料型別時,可以考慮替換,如ip位址可以用ip2long 函式轉換為unsign int型來進行儲存。3 對於c...

oracle常見單詞 Oracle中常見的英語單詞

fatal 重要的,致命的。常見於 root dido1 ps ef grep init.cssd root 2918 1 0 09 59 00 00 00 bin sh etc init.d init.cssd fatal dependencies 附屬的 diagnostic 診斷 常見於 ro...

python常見的問題 python常見問題集錦

webdriverwait 注意內部條件的括號必須是雙層,如 by.id,kw 判斷title,返回布林值 判斷title,返回布林值 webdriverwait driver,10 until ec.presence of element located by.id,kw 判斷某個元素是否被加到了...