angular6 构建、部署到后端java项目中

Question

angular6 构建、部署到后端java项目中

• 在完成整个前端项目之前一定要先尝试部署一次，以备后患。

• 先来介绍我的开发环境：
  angular6、ant design UI套件、PrimeNG UI套件、vs code
  java8、tomcat9、SSM+MybatisGenerator、Eclipse

• 我部署前端项目的步骤：

1. 使用angular命令ng build构建angular项目，得到dist文件夹
   这里有点区别要说明，网上找到很多资料是介绍angular2的构建部署，
   在2版本中使用ng build构建后会在项目根目录下生成文件夹dist
   编译后的文件直接放在dist文件夹下，而我用的6版本构建后是：dist/source
   编译后的文件都放在source下。

2. 在Eclipse中的webapp/WEB-NF下创建文件夹dist，然后将上面步骤1中的source
   目录下的所有文件拷贝到webapp/WEB-INF/dist下。

3. 修改上面步骤2中的dist下的index.html中的<base>标签，修改后是：
   <base href="/angularF/dist/">

4. 我的tomcat的端口号是8080（别的项目测试通过的）。那么我访问该项目首页的URL是：
   http://localhost:8080/angularF/dist/index.html
   但是浏览器出现404，然后尝试将webapp/WEB-INF/dist文件夹拷贝到webapp下
   依然使用访问路径：http://localhost:8080/angularF/dist/index.html
   仍然提示404

• 我的疑问：是我拷贝的路径不对么？还是我的访问路径不对造成了404？

  我要如何解决，thanks for any help!

• 有必要的话：很高兴结交志同道合的好友，我的Q：409223171

Answer 1

WEB-NF应该是跟目录吧，你这个angularF又是哪里冒出来的