angular 部署的项目自定义访问路径,不使用root根目录的配置(打包后,打开index.html页面是空白的问题)


https://blog.csdn.net/home_zhang/article/details/100514875

因为路由和文件路径不对引起的报错

配置方法如下(以项目名称为admin为例):

需要注意的地方,html中引用的静态文件要从assets开始写,不可以使用相对路径,例如:

<img src="../images/bg.png"/> 不可以,会出现路径引用错误,找不到此图片文件;

<img src="assets/images/bg.png"/> 是可以的,正常显示。

1、修改index.html文件中的base为<base href="/admin/">
2、修改配置文件karma.conf.js,中的basePath:'admin'

3、编译发布将编译后的文件放在tomcat/root/admin/目录下面即可。

或者

在打包时向打包命令的后面指定公共路径

ng build --prod --base-href ./ 

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM