第一：前缀配置（base + publicPath）

我这一块使用的是react框架+antd+umi脚手架

知识链接： router的base是控制路由跳转前缀。（//给路由加前缀） publicPath是控制静态资源访问路径。（//静态css，js资源前缀）–组件的img上面定义的无法渲染，需要找到位置自己去补 比如：之前写的是src=‘/logo.svg’,后续在我定义出去了(目前不知道还有不有什么好办法)，这一块的我里面涉及的”process.env“(Node.js 中的一个环境对象) 这个是另一个知识点，本文内容不参与

知识链接: 注意 ： 这一块的 ‘前缀添加“，只能在打包（build）的时候才能开启，本地启动（start）项目的时候要注掉。 原因：项目里面本来就没有这个”haochi“这个文件，启动肯定报错

第二：配置打包命令

一般来说 启动项目 npm run dev 而我这边定义的为

"start:haochi": "cross-env UMI_TITLE=xx中心 UMI_ENV=haochi  umi dev",
"build:haochi": "cross-env UMI_TITLE=xx中心 UMI_ENV=haochi  umi build",

关于为何这么配置 ，因为我这块使用的是umi 脚手架 ）

其中 “start:haochi” 要求定义一个文件，关键在于这个 文件的名字 config.haochi.js 中间的命名 要和 “start：” 后面的 一致

不然会报错

第三：nignx配置

页面配置（使用alias需注意，最后面要加“/”）

## 页面配置（使用alias需注意，最后面要加“/”）
       location /haochi/ {
          
   
		alias   D:/nginx-1.20.2/html/haochi/ ;
		try_files $uri $uri/ /index.html last;
		#autoindex on;
		add_header Access-Control-Allow-Origin *;
		add_header Access-Control-Allow-Headers "Origin, X-Requested-With, Content-Type, Accept";
		add_header Access-Control-Allow-Methods "GET, POST, OPTIONS";
	   }