“去哪儿”项目小结

该项目是学习vue的时候在慕课网上看《Vue2.5 开发去哪儿网 App 从零基础入门到实战项目》做的，目的是提升自己的实战能力，处理在开发过程需要注意的问题。

组件的实现

首页

header用vuex获取城市信息

轮播通过vue-awosome-swiper实现

景点图文通过axios获取数据

城市

列表：选择城市后会更新vuex中的state及localStorage，并切换到首页

搜索框：双向绑定输入数据，遍历城市数据显示符合的结果列表（设置timer实现防抖）

字母表的滑动：通过better-scroll，定位到对应字母开头的城市列表

城市列表数据通过axios获取数据

详情

header实现若隐若现效果

画廊运用轮播效果

票价详情通过组件递归实现

后台数据的处理

本项目没有使用后台服务器，而是通过代理的方式，将ajax请求发到本地文件夹public中，获取json文件

//  /config/index.js(vue3.0没有这个文件需自己创建)
proxyTable: {
  '/api': {
    target: 'http://localhost:8080', // 会把请求转发到当前服务器
    changeOrigin: true,  // 是否跨域
    pathRewrite: {
      '^/api': '/data'  '//  一旦请求的地址是以/api开头的，那么就替换请求到...
    }
  }
}