Nginx部署Umi React前端项目标准配置-前端Umi项目

基于"@umijs/max": "^4.3.24", + "react": "^18.3.1"

配置文件

./.umirc.ts

import { defineConfig } from '@umijs/max';
export default defineConfig({
  npmClient: 'yarn',
  esbuildMinifyIIFE: true,
  base: '/web/',
  publicPath: '/web/',
  favicons: ['/src/assets/favicon.png'],
});

注意文件中的 /web/

请求后端Api

./src/utils/util.tsx

import { request as umiRequest } from 'umi';
const request = (url: string, options?: RequestConfig) => {
  return umiRequest('/api' + url, {
    ...options,
  });
};

注意文件中的 /api，最终的url应该是 /api/url 形式，即调用 request 方法的时候传参 url 应该是以 / 开头

打包

./package.json

{
  "scripts": {
    "build": "max build",
  },
}

• > yarn build
• > ./dist