How does easynvr call the interface to modify a user-defined page?

As more and more users use EasyNVR, Everyone to EasyNVR The functional requirements of are also increasing , For example, it needs to be changed EasyNVR platform Web Some of the styles of the front end . At present EasyNVR by 5.0.0 edition ,Web The front end is to increase the operation efficiency of the front end and reduce the project volume , It uses vue+webpack package , This makes it more difficult for users who need to customize and change the style . 

EasyNVR The front end of is actually through calling our streaming media software interface demo To implement the interface , To make it easier to change , Users can independently compile the front end and modify the front end .

So how to put yourself in EasyNVR Front end version interface coordination 5.0.0 Version of EasyNVR Use up ？ To solve this problem, we first need to find out EasyNVR The directory structure in the software package . In the root directory of the package www The folder is mine Web Where the interface for external output is stored , Our front-end source code is in this directory （EasyNVR5.0.0 The version stored in this directory is webpack Compressed file ）. Therefore, you only need to replace the front-end interface of your front-end code package into this directory .

If you replace it directly , Go straight into Web End direct access will find EasyNVR Unable to display page . Press F12 When viewing the browser error, it is found that the style reference of the front-end page is a problem .

This is due to the front end Web An error occurred in the load reference file path of the page , As long as you modify the file path, you will successfully avoid this problem , But then comes another problem .

It can be seen from the error report of the browser , The problem is that the interface call is unsuccessful .EasyNVR default HTTP The port is 10800. Because we use http-server Starting up Web page , The default port of the service is 8080, This is the same as we call the interface 10800 Port conflict . So it's important to note that , stay Web Port of calling interface in front-end code .

about Web End to speak , The complete presentation of the style and the successful invocation of the interface have been completed , After this call , Small partners in need can be based on easy to understand html、js To customize the page .