How is the front-end topbar and sidebar of Aliyun website implemented?

clipboard.png

how do you do the topbar and sidebar of Aliyun website in the picture? All subdomains are the same, and the project for each domain name should be a different project, so how to load the same topbar and sidebar?

Please do not hesitate to give us your advice, thank you!


after analyzing the source code of Aliyun console, it is found that each different sub-domain name will request resources under the sub-domain name needed to create a common module, obtain js css, etc., and obtain relevant data through jsonp cross-domain requests, which are finally displayed on the page.

see that the codes are all packaged through webpack, so different subdomains are different projects, and the common part is also a project. Specific sub-project request common part and then make a page display, depending on the loading order, load your own project first, and then load the common topbar and sidebar parts.

Ali Yun has a lot of things, and it's more complicated, but the train of thought is the train of thought above.

Menu