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’