VueCli3构建TS项目的方法步骤

if (isEmpty(value)) return
window.localStorage.setItem(prefix + name, value)
}

export function getLocalStorage (name: string) {
return window.localStorage.getItem(prefix + name)
}

export function removeLocalStorage (name: string) {
window.localStorage.removeItem(prefix + name)
}

export function clearLocal () {
window.localStorage.clear()
}

/**
* ============ sessionStorage ============
*/

export function setSessionStorage (name: string, value: any): void {
if (isEmpty(value)) return
window.sessionStorage.setItem(prefix + name, value)
}

export function getSessionStorage (name: string) {
window.sessionStorage.getItem(prefix + name)
}

export function removeSessionStorage (name: string) {
window.sessionStorage.removeItem(prefix + name)
}

/**
* 判断值是否为null或者undefined或者''或者'undefined'
* @param val value
*/
function isEmpty (val: any) {
if (isNil(val) || val === 'undefined' || val === '') {
return true
}
return false
}

fetch

对

axios

进行二次封装，增加请求前后的拦截

import axios from 'axios'
/**
 * 创建 axios 实例
 */
const service = axios.create({
 timeout: 3000
})
/**
 * req 拦截器
 */
service.interceptors.request.use((config: object): object => {
 return config
}, (error: any): object => {
 return Promise.reject(error)
})
/**
 * res 拦截器
 */
service.interceptors.response.use((response: any) => {
 const res = response.data
 if (res.error) {
  if (process.env.NODE_ENV !== 'production') {
   console.error(res)
  }
  return Promise.reject(res)
 }
 return Promise.resolve(res)
})
export default service

请求参数统一处理

/**
 * 统一参数处理
 * 请求url处理
 */
const qs = require('qs')
import { merge, isPlainObject } from 'lodash'
import { getCookie } from '@/utils/cookies'
/**
 * 接口参数拼接
 * @param opts 接口参数
 * @param opsIdParams 是否传递opsId
 * @param requestType post 还是 get 参数处理
 * @param otherParams 是否传有其它参数
 * @example
 * commonParams({
 *   'method': cmdName.login,
 *  'params': params
 * }, false, undefined, false)
 */
export function commonParams (opts: object, opsIdParams: boolean= true, requestType: string= 'post', otherParams: boolean= true): object {
 const params = {
  json: JSON.stringify(merge({
   id: new Date().getTime(),
   jsonrpc: '2.0',
   params: dealParams(opsIdParams, otherParams),
  }, opts || {})),								 
 4/8   首页 上一页 2 3 4 5 6 7 下一页 尾页