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 错误。

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

 

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

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

访问

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

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

 

 

相关文章:

  • 2021-05-21
  • 2021-12-12
  • 2021-08-29
  • 2021-07-18
  • 2021-10-30
  • 2021-11-30
  • 2021-06-12
猜你喜欢
  • 2022-12-23
  • 2021-06-04
  • 2022-12-23
  • 2021-11-05
  • 2021-07-09
  • 2021-05-09
  • 2022-12-23
相关资源
相似解决方案