javascript - Questions about front-end and back-end collaboration

A question suddenly occurred to me.

Will the front-end run the entire project on your own computer, or only the front-end part of the code

If you only have front-end code, don’t you have to use absolute paths when using the back-end interface?

Reply content:

A question suddenly occurred to me.

Will the front-end run the entire project on your own computer, or only the front-end part of the code

If you only have front-end code, don’t you have to use absolute paths when using the back-end interface?

Currently the more popular development method is the separation and collaboration of front-end and back-end:

1. On the whole, the front-end and back-end codes are still placed in the same project, but during the development process, they have complementary influences;

2. In the early stage of development, first determine the requirements, and then define the required interface data;

3. During the development process, the front-end simulates the real operating environment by mocking data according to the defined interface; the back-end should also have corresponding restfull interface testing tools, so there is no need to worry about this;

4. After the self-test is completed, call the real back-end interface for joint debugging testing;

Generally, there are two ways to display a page
One is to adjust the back-end method to process data and then render the page, and the other is to execute the front-end code and use js to request data

If you are accessing the same project, you can use relative paths, otherwise use absolute uri paths

We basically only have the front part of the code on our own computers.
Of course, in this case, there will be cross-domain problems when communicating with the server.
Chrome has a plug-in cors that allows cross-domain use.
The path is what you need. The IP address + interface path of the adjusted server code

Now we usually set up a test server, and the front-end and back-end upload the written modules to the test server for running tests according to the development progress. In this way, they are actually written locally and run on the server, so you will say that they need to be modified and uploaded every time. It’s not very annoying. Sublime text has a plug-in like SFTP, which automatically uploads modifications, so everyone’s code is unified on the test server. After the test passes, the test server code is transferred to the main server

The code in the front-end part is written as basepath. This value is obtained by reading the configuration file when the project is started. Just assign it the address of the server. Cross-domain problems can be solved using cors-filter and java-property-utils in web.xml configuration