VUE神坑

項目搭建用vue,記錄一下vue神坑，以備後續項目提防。

1.項目中沒有用到的圖片，vue不會打包到img。這樣給後端的img路徑在展現時候就會404。解決方案：1.在項目中隱式加圖片打包到img中。2.使用vue的copywebpackpluginf複製到一個目錄下。

 

2.使用vue頁面之間跳轉傳值，刷新跳轉頁面會丟掉上一頁傳過來的值。目前解決辦法是存到session 中或者拼接到url中。

 

3.axios添加統一請求頭方式：
axios.defaults.headers.common['請求頭名稱']='請求頭中傳的參數'

在路由跳轉的時候加變量的請求頭：

例如在頁面加載時候，生成一個惟一的時間戳，在index.js文件添加：

router.beforeEach((to,from,next)=>{

　　sessionStorage.setItem('time',(new Date()).getTime());

　　next()

});

給全部axios請求頭添加pama-no參數

export const ajaxPostRequest = (url,data)=>axios.post(url,data,{

　　headers:{

　　　　'pama-no' : sessionStorage.getItem('time')

　　}

})

.then(res=>{

})

.catch(res=>{

})

4.