常用工具函数 持续更新

只刷新一次页面

/** * @paramstr 刷新一次 */
export const refreshOnce = (hrefUrl) => {
    
  let url = hrefUrl //把当前页面的地址赋给变量 url
  const times = url.split('?') //分切变量 url 分隔符号为 “?”
  if (times[1] != 1) {
    
    //如果?后的值不等于1表示没有刷新
    url += '?1' //把变量 url 的值加入 ?1
    self.location.replace(url) //刷新页面
  }
}

页面使用

import {
     refreshOnce } from '@/utils'

refreshOnce(location.href)

获取url参数对象

/** * @paramstr 获取url参数对象 */
export const parseQueryString = (url: string) => {
    
  // 编写代码实现
  // 1.查找?的下标
  const index = url.indexOf('?')
  // 2.截取?后面的字符串
  const str = url.slice(index + 1)
  // 3.根据&将字符串转成数组
  const arr = str.split('&')

  // 4. 声明对象用来存储信息
  const obj = {
    }
  for (let i = 0; i < arr.length; i++) {
    
    // arr[0] action=home
    const arr2 = arr[i].split('=')
    // arr2的第一个成员做属性, 第二个成员做值
    obj[arr2[0]] = arr2[1]
  }
  return obj
}

页面使用

import {
     parseQueryString } from '@/utils'      

const hrefUrl = window.location.href
const {
     mall } = parseQueryString(hrefUrl)
if (mall == 1) {
    
// 跳转到另一个项目的使用 开发,测试,正式 
   if (process.env.VITE_USER_NODE_ENV == 'development') {
    
     window.location.href = `http://XXX.XXX.XXX.XXX:8081/#/admin/shop?token=${
      res.result.token}`
     } else {
    
     hrefUrl.indexOf('test') != -1
      ? (window.location.href = `测试前缀/#/admin/shop?token=${
      res.result.token}`)
       : (window.location.href = `正式前缀/#/admin/shop?token=${
      res.result.token}`)
	 }
    return
}