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.可以将文件部署到根目录,然后和非根目录对比,找不同