微信端vue項目問題總結

最近的一個微信端vue項目，出現了不少問題，總結一下

vue項目配置

1. 用vue-cli腳手架搭建的項目，導入該有的各類須要包以後npm run dev，不知道是vue-cli的版本問題仍是webpack的版本問題，出現了找不到css-loader和vue-loader的報錯，導入成功後再運行仍是這樣的錯。
   解決: 創建的默認vue文件，css預設的須要改一下
2. 在package.json文件的script中的dev裏面添加 --host 當前ip 就能夠用手機端訪問，如：
   
3. 在config的index.js中的proxyTable能夠代理後端api，如：
   

微信簽名問題

1. 正常的簽名，須要獲取當前頁面的url地址，並調用微信接口，如：
   
2. 不一樣的分享頁面會進入不一樣的連接：用watch監聽路由$route，並判斷url地址有沒有須要的關鍵字
   
3. 分享的圖片要縮小，80*80左右
4. 分享的圖片本身能夠看到，別人看不到，通常是由於分享的標題或描述中有部分關鍵字，如：紅包、現金、福利...

---

頁面問題

1. 字體陰影

普通字體陰影：
text-shadow: 0 2px 1px #A0522D  //只能讓字體陰影投影到一邊（x座標，y座標，陰影範圍，顏色）

字體四周陰影：
text-shadow: 0 2px 1px #A0522D, 2px 0 1px #A0522D, -2px 0 1px #A0522D, 0 -2px 1px #A0522D

2. 模態框

子組件中的模態框就算設置了fixed;top：0;left: 0;蓋不住父組件的問題
-->解決：將模態框寫到頁面根組件中，不寫在子組件裏面

3. 圖片按鈕

將圖片當作按鈕時，部分手機（oppo，魅族）有時候點擊時會把圖片點擊放大，寫了阻止默認事件也沒有用。
-->解決：用button代替img，把圖片當作button的背景圖片。
    這樣，原本定寬不定高的img如今寬高都須要定義，不一樣手機可能會將圖片壓扁或拉伸。
-->再解決：設置background-size的時候，用contain，寬高碰到就不在擴大了

4. iphone圖片時不時消失

不知道什麼問題，iphone有的型號、有的時候、有的圖片顯示不出來
-->解決：懵逼

數據請求

！！！必定要和後端明確，不要想固然！！！

！！！必定要有個好的命名習慣（屬性用下劃線，方法用駝峯）！！！

！！！屬性、方法、關鍵步驟必定要寫註釋！！！