亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何使用 Axios 授權私有路由

如何使用 Axios 授權私有路由

慕碼人8056858 2022-05-22 10:38:04
我正在嘗試使用我構建的 api 進行服務器端身份驗證。我所有的路線都經過測試,似乎在郵遞員上運行良好。我在前端使用 Axios,所有公共路由都運行良好。使用 Axios 登錄也可以正常工作。問題在于私有路由。我習慣了谷歌的 api 進行前端身份驗證,所以我似乎無法弄清楚如何授權私有路由。axios.jsaxios.defaults.headers.common['Authorization'] = token;axios.defaults.headers.post['Content-Type'] = 'application/json';const login = () => {  Axios({    url: '/auth/login',    baseURL: 'http://<ip address>/api/v1',    method: 'post',    data: {      email: '<email>',      password: '<password>'    }  }).then(res => sessionStorage.setItem('auth', res.data.token))    .catch(err => console.log(err))}所以上面的代碼可以正常工作,但我可能會通過將令牌保存到瀏覽器中的會話存儲而走錯方向。下面的代碼是私有 postArticle 路由。我在哪里收到以下消息,Failed to load resource: the server responded with a status of 401 (Unauthorized)。axios.jsconst postArticle = () => {  Axios({    url: '/articles',    baseURL: 'http://<ip address>/api/v1',    method: 'post',    data: {      "title": "New Title",      "subtitle": "Optional Subtitle",      "description": "Small Intro to Social Media Integration",      "content": "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Donec et odio pellentesque diam volutpat commodo. Odio aenean sed adipiscing diam. Lacus viverra vitae congue eu consequat. Porttitor rhoncus dolor purus non enim praesent elementum. Aliquam purus...",      "tag": [        "Mobile Development",        "Diary"      ]    }  }).then(res => console.log(res.data))    .catch(err => console.log(err))}當我 console.log 標記它出來時,它是正確的,但我不確定我需要如何更改 postArticle 以接收默認標題。
查看完整描述

1 回答

?
至尊寶的傳說

TA貢獻1789條經驗 獲得超10個贊

弄清楚了。登錄已正確完成。只需要將默認值帶入 postArticle 的標題。


const postArticle = () => {

  Axios({

    headers: {

      'Authorization': Axios.defaults.headers.common['Authorization'],

      'Accept': 'application/json',

      'Content-Type': 'application/json'

    },

    url: '/articles',

    baseURL: 'http://67.207.83.201/api/v1',

    method: 'post',

    data: {

      "title": "Another New Title",

      "subtitle": "Optional Subtitle",

      "description": "Small Intro for Play Play Play",

      "content": "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Donec et odio pellentesque diam volutpat commodo. Odio aenean sed adipiscing diam. Lacus viverra vitae congue eu consequat. Porttitor rhoncus dolor purus non enim praesent elementum. Aliquam purus sit amet luctus venenatis. Mauris ultrices eros in cursus turpis. Accumsan tortor posuere ac ut consequat semper. Vestibulum lorem sed risus ultricies tristique nulla aliquet enim tortor. Facilisi nullam vehicula ipsum a arcu. Non tellus orci ac auctor augue mauris. Aliquam malesuada bibendum arcu vitae elementum curabitur vitae nunc. Ac ut consequat semper viverra nam libero justo. Ut aliquam purus sit amet luctus. Fermentum dui faucibus in ornare quam viverra orci sagittis eu. Tortor consequat id porta nibh.",

      "tag": [

        "Mobile Development",

        "Diary"

      ]

    }

  }).then(res => console.log(res.data))

    .catch(err => console.log(err))

}


查看完整回答
反對 回復 2022-05-22
  • 1 回答
  • 0 關注
  • 128 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號