After setting the reverse proxy, the JS CSS file on the page cannot be loaded.

Problem phenomenon:

After configuring the reverse proxy, the Web page can be accessed normally, but the JS CSS file on the page cannot be loaded and the page style is messy.

(1) Nginx configuration is as follows:

(2) Domain name access: JS CSS file can not be loaded;

(3) IP access: JS CSS file can be loaded normally;

Workaround:

Nginx configuration file, add the following configuration:

Location ~. *\. (js| CSS) $ {             Proxy_pass http://127.0.0.1:8866;         }

Cause Analysis:

The file cannot be found under the path of the reverse proxy, and the access path of the JS CSS file needs to be specified separately.

After setting the reverse proxy, the JS CSS file on the page cannot be loaded.