樣式不一致可以從一下幾點逐一排查
1.
頁面里面使用其他樣式組件， 要大量修改element里面的css樣式，所以項目打包之后
會出現樣式和本地開發的時候樣式有很多不一樣，原因可能是css加載順序有問題，樣式被覆改了。
所以在mian.js里面這樣修改：
‘./APP’和’./router’放在element css的后面，router放到最后
還有就是每個vue組件里的style要加scoped,這很關鍵，起到css不被組件之間重疊的作用。
2.
1點擊F12查看服務器上的頁面樣式與本地樣式是否一致
2在本地查看打包的樣式是否與服務器上一致
遇到的問題：
頁面中引用了element樣式，根據需求修改下拉框組件的樣式，但是與scoped不能一起使用，我就沒有使用scoped，做第一個頁面的時候沒有任何問題
當第二個頁面出現的時候，使用npm run dev 啟動的時候在本地沒有任何問題，但是在build打包之后兩個頁面使用的同樣的樣式名稱的地方開始沖突，代碼樣式就在這里開始變化
后來把scoped 在頁面加上，把element修改的樣式單獨提出來引用就好了