Vue应用框架整合与实战--前后端分离后的开发模式篇

开发流程

  • 后台编写和维护接口文档,在 API 变化时更新接口文档
  • 后台根据接口文档进行接口开发
  • 前端根据接口文档进行开发
  • 开发完成后联调和提交测试
Vue应用框架整合与实战--前后端分离后的开发模式篇_第1张图片
image

接口文档服务器

解决接口文档编辑和维护的问题,推荐采用git上wiki进行接口文档的管理和维护

  • 目录


    Vue应用框架整合与实战--前后端分离后的开发模式篇_第2张图片
    image
  • 章节详情


    Vue应用框架整合与实战--前后端分离后的开发模式篇_第3张图片
    image

前后端接口测试

  • 前端推荐采用Mockjs测试网络接口


    Vue应用框架整合与实战--前后端分离后的开发模式篇_第4张图片
    image
  • 后端推荐采用PostMan测试网络接口


    Vue应用框架整合与实战--前后端分离后的开发模式篇_第5张图片
    image

前后端接口对接跨域

  • 开发过程中可以通过config/index.js进行配置,解决跨域问题


    image
  • 发布过程中可以通过nginx进行配置,解决跨域问题


    Vue应用框架整合与实战--前后端分离后的开发模式篇_第6张图片
    image

你可能感兴趣的:(Vue应用框架整合与实战--前后端分离后的开发模式篇)