在路上第5周

版权声明:本文为博主原创文章,未经博主允许不得转载。 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

猜你喜欢

转载自blog.csdn.net/Ontheway0101/article/details/82596938
今日推荐