Lazy loading modules on specific port

Question

I have an application written in Python on Google App Engine which runs on port 8080 and loads my Angular app. Angular server runs on port 4200 and index page loads Angular resources like this:

    <script type="text/javascript" src="http://localhost:4200/static/build/main.js"></script>
    <script type="text/javascript" src="http://localhost:4200/static/build/runtime.js"></script>
    <script type="text/javascript" src="http://localhost:4200/static/build/polyfills.js"></script>
    <script type="text/javascript" src="http://localhost:4200/static/build/styles.js"></script>
    <script type="text/javascript" src="http://localhost:4200/static/build/vendor.js"></script>

Now that my Angular app has grown quite a bit, I want to refactor the code into modules and use lazy loading. Problem is that lazy loaded modules try to load on 8080 instead of 4200. My question is how do I configure the Angular app to load those modules on port 4200? I am using Angular 7.

Dadasaheb Karande Dadasaheb Karande · Accepted Answer · 2019-10-03T09:14:28

You can check the below stackoverflow answers. This may be helpful to you. You can try following both a approaches.

Lazy loading modules on specific port

1 Answers