myopenresources / cc

一个基于angular5.0.0+ng-bootstrap1.0.0-beta.8+bootstrap4.0.0-beta.2+scss的后台管理系统界面(没基础的同学请先自学基础,谢谢!)

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

按照说明打包后在Tomcat下运行失败

iedwin opened this issue · comments

依然是报404错误,不知道是哪里设置的不对?
screen shot 2017-08-13 at 8 30 35 am

screen shot 2017-08-13 at 8 28 48 am

@iedwin
你把dist目录考到tomcat的webapps目录中,然后把dist目录重命名为cc-client了吗?
image

@iedwin 你用什么命令打的包?

我是用的ng build打的包,我发现ng build --prod会报错。
我也改名了。我重新试了一遍还是不行:
screen shot 2017-08-13 at 9 17 20 pm
screen shot 2017-08-13 at 9 18 02 pm
但是我在stack overflow上看到有人说angular.io的文档都是假设开发者把打包后的文件放到webapps的ROOT/ 下的,于是我试出来了一个方法:

  1. 使用ng build打包,将dist/必须放到tomcat webapps/ROOT/下。
  2. 在tomcat中直接将index.html的base修改为"./"就可以了。
    screen shot 2017-08-13 at 9 07 08 pm

screen shot 2017-08-13 at 9 23 17 pm

可能你没有理解readme里面说的那个打包的意思,我已经做好了命令,你直接使用non run bulid,就可以了,如果是使用ng build的话,你要加上参数--base-href cc-client,我还在后面特意加了备注的,使用我这种方式部署,不需要去修改tomcat 的任何东西,丢到webapps目录下,就和java程序一样的。

今天刚提交的更新,我还特意把angular-cli的输出目录从dist直接改成了cc-client,省去了重命名!

注:我上面的命令打错了,更正下,不是non run build,而是npm run build,手机老打错字!😂

仔细看了看package.json,确实是如此。
重新试了试,没问题了,thx!

回头我把readme写详细点,这样更好理解

@332557712
对了,上面我也提过了,ng build --prod报错不能用,请问是为什么啊?我就不再开issue,在这问了得了。。
Angular本身就大,如果ng build --prod不能用,不压缩,vendor等文件的大小还是很客观的。好像--aot是需要写法支持的,咱就先不去管了。。

@iedwin 回头我研究下

@332557712
谢谢!
需要好好学习下你的代码:)

@iedwin 我已经解决了打包报错的问题了,把命令修改成了ng build --prod --aot --base-href /cc-client/
现在我在tomcat上运行,刷新一下,只要1秒就出来了,实在快,你可以试试!

@332557712
现在就去尝试下!
我是一名Java开发,是从AngularJs和Vue转来的,一直对Typescript和Ng2+很有兴趣,无奈感觉配置实在太复杂,与Springboot配置一起工作量太过庞大,就一直不敢入坑。。
我认为这个项目是一个非常好的开始,感谢你的分享!