2021-01-21Ant Design Pro部署

Ant Design Pro部署部署到非根目录

• 1.应用场景：同一台服务器部署多套前端项目时使用

• 2.Nginx配置

   location /manage {
               alias /home/project/pailaimi/code/math/manage;
               index index.html;
   }
  

• 3.前端配置文件修改：

  修改config/config.ts中的
  
  ………………
  manifest: {
    publicPath: '/manage/'    
    # 此处是：将二级目录下js应用文件地址统一带上manage前缀，当访问www.xxx/mange时统一访问一级目录下的js、css文件。具体意思见打包生成的：asset-manifest.json
  
  },
  publicPath: '/manage/',     # 是将一级目录下的样式统一加上前缀：/manage
  });
  

• 4.更改文件名：将打包好的dist文件名更改为manage，放置到nginx的路径中

• 5.部署路径测试：

  1.可以将打包好的文件中的index.html直接在本地使用浏览器打开，查看jss、css文件是否能找到
  
  2.可以将文件部署到根目录，然后和非根目录对比，找不同