VUE?axios每次請求添加時間戳問題

更新時間：2023年01月19日 09:37:12 作者：超級大帥比

這篇文章主要介紹了VUE?axios每次請求添加時間戳問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教

VUE axios每次請求添加時間戳

service.interceptors.request.use(
  config => {
    if (store.getters.token) {
      config.headers['token'] = getToken()
    }
    if (config.method == 'post') {
      config.data = {
        ...config.data,
        _t: Date.parse(new Date()) / 1000
      }
    } else if (config.method == 'get') {
      config.params = {
        _t: Date.parse(new Date()) / 1000,
        ...config.params
      }
    }
    return config
  },
  error => {
    console.log(error)
    return Promise.reject(error)
  }
)

axios封裝加時間戳或者隨機(jī)數(shù)

service.interceptors.request

// request interceptor
service.interceptors.request.use(
  config => {
    if (config.method === 'post') {
      config.data = {
        ...config.data,
        _t: Date.parse(new Date()) / 1000 // 時間戳
      }
    } else if (config.method === 'get') {
      config.params = {
        paramRandom: Math.random(), // 隨機(jī)數(shù)
        ...config.params
      }
    }
    return config
  },
  error => {
    // do something with request error
    console.log(error) // for debug
    return Promise.reject(error)
  }

總結(jié)

以上為個人經(jīng)驗(yàn)，希望能給大家一個參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

基于Vue3實(shí)現(xiàn)圖片拖拽上傳功能
前端開發(fā)中,用戶體驗(yàn)是至關(guān)重要的,圖像上傳是許多 web 應(yīng)用中經(jīng)常需要的功能之一,為了提升用戶的交互體驗(yàn),拖拽上傳功能可以減少用戶的操作步驟,本文將介紹如何使用 Vue 3實(shí)現(xiàn)一個簡單的圖片拖拽上傳功能,需要的朋友可以參考下
2024-08-08
在Vue3中進(jìn)行單元測試和集成測試的操作方法
隨著越來越多的企業(yè)和開發(fā)者選擇使用 Vue.js 構(gòu)建他們的前端應(yīng)用程序,確保代碼質(zhì)量和可靠性變得尤為重要,在本博客中,我們將深入探討如何在 Vue 3 中進(jìn)行單元測試和集成測試,并提供示例代碼來幫助您上手,需要的朋友可以參考下
2025-01-01
vue使用video.js實(shí)現(xiàn)播放m3u8格式的視頻
這篇文章主要為大家詳細(xì)介紹了vue如何使用video.js實(shí)現(xiàn)播放m3u8格式的視頻,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下
2023-12-12
在 Linux/Unix 中不重啟 Vim 而重新加載 .vimrc 文件的流程
這篇文章主要介紹了在 Linux/Unix 中不重啟 Vim 而重新加載 .vimrc 文件的流程,需要的朋友可以參考下
2018-03-03
Vue.js實(shí)現(xiàn)微信過渡動畫左右切換效果
這篇文章主要給大家介紹了利用Vue.js仿微信過渡動畫左右切換效果的相關(guān)資料，需要用到的技術(shù)棧是Vue+Vuex。文中通過示例代碼介紹的非常詳細(xì)，對大家具一定的參考學(xué)習(xí)價值，需要的朋友們下面來一起看看吧。
2017-06-06
VueJS 集成 Medium Editor的示例代碼（自定義編輯器按鈕）
本篇文章主要介紹了VueJS 集成 Medium Editor的示例代碼（自定義編輯器按鈕），具有一定的參考價值，有興趣的可以了解一下
2017-08-08
詳解vue-cli 接口代理配置
本篇主要介紹了vue-cli 接口代理配置，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-12-12
vue實(shí)現(xiàn)鼠標(biāo)經(jīng)過顯示懸浮框效果
這篇文章主要為大家詳細(xì)介紹了vue實(shí)現(xiàn)鼠標(biāo)經(jīng)過顯示懸浮框效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2022-03-03
vue中異步函數(shù)async和await的用法說明
這篇文章主要介紹了vue中異步函數(shù)async和await的用法說明，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
2022-04-04
vue實(shí)現(xiàn)滑動到底部加載更多效果
這篇文章主要為大家詳細(xì)介紹了vue實(shí)現(xiàn)滑動到底部加載更多效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2019-08-08