webpcak爬坑总结

2019-04-24 19:53:40

关于webpack遇到的一些问题总结。

1. webpack-dev-server配合vue-router使用history模式,一刷新页面内容就会丢失问题;

直接使用connect-history-api-fallback这个插件,就可以完美解决;

// dev-server.js
app.use(require('connect-history-api-fallback')({
  index: 'demo/index.html', //  替换为当前开发的目录即可,
}));


// demo/router.js
export default new VueRouter({
  mode: 'history',
  base: 'demo',
  routes,
})

2. webpack本地开发没问题,服务器上编译报错如下:

if(_this.profile) {
^

TypeError: Cannot read property 'profile' of null
···

找了半天发现原来是一张图片名称写成大写字母了😳,这里推荐阮老师写的一篇文章为什么文件名要小写?;

持续更新中。。。

如果说人生是一场旅行,而我是这场旅行的主人!