版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/Ontheway0101/article/details/82596938
在路上第5周
周总结
axios
大部分vue项目都在用的http请求工具,用法和ajax差不多。利用ES6模块的import和export功能对axios请求接口进行统一管理,使项目结构清晰,便于协作开发。
遇到的坑
遇到跨域问题,已拦截跨源请求:同源策略禁止读取位于 http://xxxxxxxx/api/login 的远程资源。(原因:CORS 头缺少 'Access-Control-Allow-Origin')
。
解决方案:在config/index.js中配置proxyTable即可解决开发跨域问题,发布后此代理无效,需要使用其他方法解决跨域问题。
css
- 学会float与claer这两个属性,真是在排版中帮了大忙了
- position属性配置导航栏
- border-radius配置圆角边框,画圆按钮
vuex
使用vuex管理全局变量,把store分割成数个module,使项目结构清晰,代码整洁。
vue-router
使用vue-router建立全局导航守卫,限制页面跳转,配合vuex完成登录模块。
vue-infinite-scroll
由于vux的scroller组件已经不维护,推荐使用第三方的组件,我就使用了饿了么前端开源的滚动刷新组件,这个组件十分简洁。
2018.9.10