2016-07-22 139 views
0

我有一個網站與VUE VUE路由器導航需要與谷歌驅動器一起工作。我已經設置了應用,在谷歌開發者控制檯令牌URI和它的作品對自己罰款:VUE路由器與谷歌API

https://accounts.google.com/o/oauth2/v2/auth?response_type=token&client_id=668711006022-7igan4in4ob7ngtsmqjh8ld7j8hs5t16.apps.googleusercontent.com&redirect_uri=http%3A%2F%2Ftwine.teivaz.com/auth&scope=https%3A%2F%2Fwww.googleapis.com%2Fauth%2Fdrive 

但是,當它來到整合到VUE路由器導航我面臨的一個問題。發出請求到谷歌ouath2服務器後,將其重定向我到一個指定的地址與網址參數令牌是這樣的:

http://twine.teivaz.com/auth#access_token=ya29.Ci8o1gdfpkN51F3yjAbW-v9r-JN9YD3ze5B2123rvv62KuFc5b1OgzF-9XQ&token_type=Bearer&expires_in=3600 

我已經想出了幾種解決方案:

  1. 組授權重定向URI來匹配VUE路由器的格式簡單地理解爲參數,就像這樣:

    http://twine.teivaz.com/#!/login/ 
    

    但谷歌控制檯不允許我這樣做給人一種消息

    重定向無效:http://twine.teivaz.com/#!/login/不能包含片段。

    enter image description here 看來,我將無法在谷歌粘貼從第一種方法安慰我VUE可讀的URI。它應該是這樣或它是控制檯中的錯誤?

  2. 從默認頁面的URL中捕獲令牌。但在VUE路由器我有丟棄所有參數的默認重定向:

    TwineRouter.redirect({ 
        '*': '/stories' 
    }); 
    

    應該在那裏爲不帶參數的所有網址。

    有什麼辦法可以在重定向發生之前解析參數,並在參數中沒有令牌時維護所有情況下的行爲?

  3. 創建另一個頁面,將簡單地將標記保存到cookie並重定向到索引。並在谷歌控制檯中設置它:

    http://twine.teivaz.com/login.html 
    

    看來,這個選項是一個糟糕的設計,但它可能實際上工作。 它是給定的最佳選擇嗎?有什麼我錯過了嗎?

回答