Angular6 builds and deploys to the back-end java project

< H2 > angular6 builds and deploys to backend java projects < / H2 >
  • be sure to try to deploy once before completing the entire front-end project, in case of future trouble.
  • first introduce my development environment:
    angular6, ant design UI Suite, PrimeNG UI Suite, vs code
    java8, tomcat9, SSM+MybatisGenerator, Eclipse

  • my steps to deploy the front-end project:

    1. use the angular command ng build to build the angular project, and get the dist folder
      there is a difference here. There are a lot of materials found on the Internet to describe the construction and deployment of angular2.
      build using ng build in version 2 will generate folder dist
      compiled files under the project root directory directly under the dist folder, while I use version 6 to build: dist/source
      compiled files are placed under source.
    2. create a folder dist, under webapp/WEB-NF in Eclipse and copy all the files under the source
      directory in step 1 above to webapp/WEB-INF/dist.
    3. modify the < base > tag in index.html under dist in step 2 above. After modification:
      < base href= "/ angularF/dist/" >
    4. the port number of my tomcat is 8080 (other projects passed the test). So the URL I visit the home page of the project is
      http://localhost:8080/angularF/dist/index.html
      , but the browser appears 404, and then try to copy the webapp/WEB-INF/dist folder to webapp
      still use the access path: http://localhost:8080/angularF/dist/index.html
      still prompts 404

  • my question: am I copying the wrong path? Or is it that my access path is incorrect and causes 404? 

           thanks for any help!
  • if necessary: I am glad to make like-minded friends, my QRV 409223171
Angular6
Dec.27,2021

WEB-NF should follow the directory. Where did your angularF come from

have you solved your problem?

server rendering reference: ide/universal" rel=" nofollow noreferrer "> https://angular.cn/guide/univ.

Previous: JS multi-page prompt function at the same time how to write?

Next: Double-clicking the label control with winform mouse will automatically copy the value of the label. How can I turn off this function?

css mysql arrays josn react html typescript webpack npm sass R objective-c .net sql-server jquery python-3.x angularjs django angular excel regex iphone ajax linux xml pandas vba spring database wordpress string wpf xcode windows bash postgresql oracle multithreading eclipse list firebase algorithm macos forms image scala visual-studio azure bootstrap spring-boot react-native python-2.7 docker performance function winforms matlab powershell apache dataframe api sqlite numpy rest shell selenium flutter dart maven loops qt swing android-studio csv express file class tensorflow sorting codeigniter perl
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1b40155-2bd31.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1b40155-2bd31.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?