如果在使用umi3.x打包后,上線正式環(huán)境后,如果線上訪問路徑不是根路徑而是二級目錄的話,會(huì)出現(xiàn)資源找不到的問題。
首先查看.umirc.ts或config/config.js配置;以下我是用.umirc.ts
import { defineConfig } from 'umi';
const {PUBLIC_PATH ='/'} = process.env
export default defineConfig({
// dynamicImport: {
// loading: '@/Loading',
// },
nodeModulesTransform: {
type: 'none',
},
request: {
dataField: 'data',
},
base: PUBLIC_PATH, // 打包路徑,默認(rèn)是/
publicPath: PUBLIC_PATH, // 資源訪問路徑,默認(rèn)/
define: {
APP_NAME,
REACT_APP_ENV,
},
locale: {
default: 'zh-CN',
antd: false,
title: false,
baseNavigator: true,
baseSeparator: '-',
},
// 需要后臺模式可以添加以下配置
// layout: {},
});
查看代碼可以知道,如果是打包上線到二級目錄的話,對應(yīng)的base和publicPath配置要改為對應(yīng)的二級目錄;比如xxx.xxx.com/abc,那么base和publicPath都必須是/abc