vue爬坑——入门坑

vue爬坑——入门坑

问题1：父子页面路由模块之间的调用（非数据交互）

解1：首先要了解路由的层级，其中index.html为顶级路由，App.vue为二级路由。其次需要知道路由的重定向redirect。最后需要注意的是父子路由需要调用时，父路由必须要有<router-view></router-view>

问题2：数据请求时跨域解决
用Vue-cli创建的项目，开发地址是localhost:3010，数据接口是localhost:8080。此时数据和开发环境不在相同域名下，需要跨域才能请求到数据。

解2：解决办法有多种：

1. 服务端修改请求头信息允许跨域请求；
2. 在不修改服务端的情况下使用fetch-jsonp方法修改（由于受制于get请求没有深究）；

3. 利用Node.js代理服务器实现跨域（最佳解决方案）
   方案：
   在 config>index.js 的 dev 中修改配置项 proxyTable：
   

   例如真实请求地址为：‘localhost:3010/index/index’，
   则向代理发送请求‘localhost:3010/api/index/index’
   代理收到这个请求会修改请求地址为：‘localhost:8080/index/index’。 所以在请求数据之前需要加上‘/api’