1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42

import { defineConfig } from 'umi'
import { join } from 'path'
import defaultSettings from './defaultSettings'
import proxy from './proxy'

const { REACT_APP_ENV } = process.env
export default defineConfig({
  hash: true,
  antd: {},
  dva: {
    hmr: false,
  },
  layout: {
    locale: true,
    siderWidth: 208,
    ...defaultSettings,
  },
  locale: {
    default: 'zh-CN',
    antd: true,
    baseNavigator: true,
  },
  targets: {
    ie: 11,
  },
  theme: {
    'primary-color': defaultSettings.primaryColor,
  },
  esbuild: {},
  title: false,
  ignoreMomentLocale: true,
  proxy: proxy[REACT_APP_ENV || 'dev'],
  manifest: {
    basePath: '/',
  },
  fastRefresh: {},
  nodeModulesTransform: {
    type: 'none',
  },
  webpack5: {},
  exportStatic: {},
})

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12

import config from './config'
import { defineConfig } from 'umi'
import routes from './routes'

export default defineConfig({
    routes,
	...config,
 	multitabs: {},
    define: {
    	'process.env.LOCAL_PREFIX': 'http://10.30.20.203:8080',
  	},
})

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13

import config from './config'
import { defineConfig } from 'umi'
import prodRoutes from './prodRoutes'

export default defineConfig({
	...config,
 	publicPath: '/scmbps/',
  	base: '/scmbps',
    routes: prodRoutes,
    define: {
    	'process.env.LOCAL_PREFIX': 'http://10.30.20.203:8080',
  	},
})

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13

import config from './config'
import { defineConfig } from 'umi'
import prodRoutes from './prodRoutes'

export default defineConfig({
	...config,
 	publicPath: '/scmbps/',
  	base: '/scmbps',
    routes: prodRoutes,
    define: {
    	'process.env.LOCAL_PREFIX': 'http://10.30.20.101:8080',
  	},
})

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13

import config from './config'
import { defineConfig } from 'umi'
import prodRoutes from './prodRoutes'

export default defineConfig({
	...config,
 	publicPath: '/scmbps/',
  	base: '/scmbps',
    routes: prodRoutes,
    define: {
    	'process.env.LOCAL_PREFIX': 'http://10.145.101.93:8080',
  	},
})

1
2
3
4
5
6
7
8
9

...
"scripts": {
    "build:dev": "cross-env UMI_ENV=dev umi build",
    "build:test": "cross-env UMI_ENV=test umi build",
    "build:prod": "cross-env UMI_ENV=prod umi build",
    "build:supos": "cross-env UMI_ENV=supos umi build",
    ...
}
...

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91

// request.js
import { extend } from 'umi-request'
import Notification from './Notification'

const { LOCAL_PREFIX } = process.env
// 错误信息
const codeMessage = {
  200: '服务器成功返回请求的数据。',
  201: '新建或修改数据成功。',
  202: '一个请求已经进入后台排队（异步任务）。',
  204: '删除数据成功。',
  400: '发出的请求有错误，服务器没有进行新建或修改数据的操作。',
  401: '用户没有权限（令牌、用户名、密码错误）。',
  403: '用户得到授权，但是访问是被禁止的。',
  404: '发出的请求针对的是不存在的记录，服务器没有进行操作。',
  406: '请求的格式不可得。',
  410: '请求的资源被永久删除，且不会再得到的。',
  422: '当创建一个对象时，发生一个验证错误。',
  500: '服务器发生错误，请检查服务器。',
  502: '网关错误。',
  503: '服务不可用，服务器暂时过载或维护。',
  504: '网关超时。',
}

/** 异常处理程序 */
const errorHandler = error => {
  const { response } = error

  if (response && response.status) {
    const errorText = codeMessage[response.status] || response.statusText
    const { status, url } = response
    Notification(`请求错误 ${status}: ${url}`, errorText, 'small')
  } else if (!response) Notification('网络错误', '您的网络发生异常，无法连接服务器', 'small')

  return response
}

/** 配置request请求时的默认参数 */
const request = extend({
  // 全局的前缀
  prefix: LOCAL_PREFIX,
  // 默认错误处理
  errorHandler,
  // credentials: 'include', // 默认请求是否带上cookie
})

/** request拦截器 解决请求权限的问题**/
request.interceptors.request.use(async (url, options) => {
  let c_token = localStorage.getItem('ticket')
  if (c_token) {
    const headers = {
      Authorization: `Bearer ${c_token}`,
    }
    return { url, options: { ...options, headers } }
  } else return { url, options: { ...options } }
})

/** response拦截器 处理post请求导出数据的问题**/
request.interceptors.response.use(async response => {
  // 通过content-type判断是否为下载的数据
  if (response.headers.get('content-type') !== 'application/json;charset=UTF-8') {
    await response
      .blob()
      .then(blob => {
        // 构造a标签
        const a = window.document.createElement('a')
        // 获取 blob 本地文件链接 (blob 为纯二进制对象，不能够直接保存到磁盘上)
        const downUrl = window.URL.createObjectURL(blob)
        let filename = 'download.xls'
        if (
          response.headers.get('content-disposition')
          // && response.headers.get('content-disposition').indexOf('filename=') !== -1
        ) {
          // 截取文件名
          filename = response.headers.get('content-disposition').split('filename=')[1].split('.')[0]
          a.href = downUrl
          a.download = `${decodeURIComponent(filename)}.xls` || 'download.xls'
          a.click()
          // 释放 blob 本地文件链接
          window.URL.revokeObjectURL(downUrl)
          // 删除a标签
          a.remove()
        }
      })
      .catch(error => {
        console.error(error)
      })
  } else return response
})

export default request