react 项目||antdesign项目打包||umi 本地服务器运行的两种方式（tomcat）

react 项目||antdesign项目打包||umi  本地服务器运行的两种方式（tomcat）

 

 前置条件打包命令   npm run-script build

使用serve

1.首先需要安装node

2.使用npm命令行来安装serve   

npm install -g serve

3. 安装完成后，使用 serve -s .\dist 进入文件文件目录就可以了

 

使用tomcat

1.打包前 先修改一下对应的配置文件

   a .以我的项目 (react +umi（阿里开发的架构）+ ts  ) 为例 在根目录下的  .umirc.ts文件。

    将publicPath 由”/“ 改为 ”./"

   b. 修改的原因是 如果防止通过tomcat 访问时出现404 错误。

 

c. 将打包好的代码 ，dist 整个文件夹拷贝 到 你的 tomcat 的webapps 下

访问

 http://localhost:8080/dist/#/user/login 即可