<ruby id="bdb3f"></ruby>

    <p id="bdb3f"><cite id="bdb3f"></cite></p>

      <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
        <p id="bdb3f"><cite id="bdb3f"></cite></p>

          <pre id="bdb3f"></pre>
          <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

          <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
          <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

          <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                <ruby id="bdb3f"></ruby>

                目前后端我們已經完善好了 gateway網關當中進行了token的校驗如下圖所示 ![](https://img.kancloud.cn/80/a9/80a9e7951076ba827830f54560a7b528_1676x979.png) 在gateway網關當中我們配置了這些路徑是可以直接放行的 ### 也就是說不需要帶著token請求 ### 我們首先修改一下router/index.js當中的路由配置 ![](https://img.kancloud.cn/41/1a/411adc1fb91f46f08db87c5e92b23801_1351x967.png) ### 舉個最簡單的例子,我們在main.vue也就是控制臺主頁面當中的setup()當中默認進來之后就立馬去請求后臺接口獲取一共有多少個用戶的案例 ![](https://img.kancloud.cn/82/13/8213440fe55030839fc5d29a7edaf16b_1482x958.png) ### 這個時候因為gateway當中已經開啟了登陸token的校驗但是我們前端并沒有設置axios的攔截器加入token值所以肯定會報錯401,如何進行axios攔截器呢? ### ![](https://img.kancloud.cn/81/7e/817efa9bc002e946bcd67165d8236f0b_1875x969.png) ### 這樣就保障了任何一次axios請求都會帶上token值去請求后臺接口 ### 登陸頁面也會添加頭信息當中的token只不過是空的 ### 后端不會對登陸頁面也做token的校驗 這在gateway當中都已經配置好了放行的路徑 ### 另外登陸頁面我們需要改一下登陸成功之后的請求路徑 ![](https://img.kancloud.cn/a8/4c/a84caea519bfc47daa7cbfe61723b648_1542x952.png) 退出的路徑也記得修改一下 ![](https://img.kancloud.cn/d0/bf/d0bf52070d4aa7dc53a0050b775a0011_1370x895.png) ### 這樣只是給沒吃的axios請求加上了登陸之后的token到頭信息當中去 但是前端還是無法做到限制越權訪問 比如我沒登陸現在我就可以直接訪問 http://localhost:9000/main路徑 ### 所以我們還得在前端做一下路由攔截
                  <ruby id="bdb3f"></ruby>

                  <p id="bdb3f"><cite id="bdb3f"></cite></p>

                    <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
                      <p id="bdb3f"><cite id="bdb3f"></cite></p>

                        <pre id="bdb3f"></pre>
                        <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

                        <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
                        <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

                        <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                              <ruby id="bdb3f"></ruby>

                              哎呀哎呀视频在线观看