Vue-Vuex-axios-SSR icon indicating copy to clipboard operation
Vue-Vuex-axios-SSR copied to clipboard

vue+vuex+router+axios 等实现的结合官方原示例优化,更改过的示例,如有不足欢迎指出

Vue-Vuex-axios-SRR 示例

示例说明

  • 1、该示例由官方 vue-hackernews-2.0 示例根据公司实际项目需要进行优化改进过,非原创,
  • 2、实现的功能点列表:
    • 1)、项目目录结构进行了变更,让整个项目分类看起来更一目了然,
    • 2)、处理了500、404等页面的跳转逻辑,
    • 3)、融入了axios,进行多队列请求、单个请求的回调封装逻辑处理
    • 4)、引入了scss的支持,页面title的修改优化,无需在每个组件内部设置,直接在路由配置页配置添加即可,
    • 5)、路由划分为按功能模块分类,便于维护
    • 6)、store的维护,变更,不同模块写在不同文件内,分开处理
    • 7)、引入了mock.js数据……
    • 8)、其他还有很多细节,有兴趣的同学自己去慢慢发现吧……
  • 3、如果觉得该示例不错,对您有一定的帮助,记得帮 star、star、star 哦 ^^ ^^ ^^ ^^~~
  • 想了解更多?——@IT·平头哥联盟

技术交流

安装依赖包

开发环境

  • npm run dev
  • 访问http://localhost:80/home

生成环境

  • npm run build
  • npm start

关于我

  • 最近在写博客了,有兴趣的同学可以关注一下我和朋友一起整的公众号,专注于分享前端/测试的一些心得总结👇👇,
  • 公众号:honeyBadger8

@IT·平头哥联盟-首席填坑官∙苏南,公众号:honeyBadger8,宝剑锋从磨砺出 梅花香自苦寒来,用心分享 做有温度的攻城狮,专注于分享前端、测试 等领域的积累,文章来源于(自己/群友)工作中积累的经验、填过的坑,希望能尽绵薄之力 助其他同学少走一些弯路