项目搭建用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.