1. 程式人生 > >vue爬坑——入門坑

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’