Shulou(Shulou.com)06/01 Report--

This article is about how Nginx achieves front-end separation. The editor thinks it is very practical, so share it with you as a reference and follow the editor to have a look.

# user nobody;worker_processes 1 domestic errorists log logs/error.log;#error_log logs/error.log notice;#error_log logs/error.log info;#pid logs/nginx.pid;events {worker_connections 1024;} http {include mime.types; default_type application/octet-stream; # sendfile on; # tcp_nopush on; # keepalive_timeout 0; keepalive_timeout 65; proxy_set_header Cookie $http_cookie; proxy_set_header X-Forwarded-Host $host Proxy_set_header X-Forwarded-Server $host; proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; proxy_set_header Host $host; proxy_set_header X-Real-IP $remote_addr; gzip on; sendfile on; server {listen 8100; server_name localhost; location = / {root / Users/abee/WebstormProjects/Angular/dist; index index.html index.htm Try_files $uri $uri/ / index.html = 404;} location ~ *\. (js | css | htm | html | jpg | jpeg | png | bmp) ${root / Users/abee/WebstormProjects/Angular/dist;} location / {proxy_pass http://localhost:8200/;}

If you have more than one server side location, you can use another configuration.

Location / server1/ {proxy_pass http://localhost:8300/;} Thank you for your reading! This is the end of the article on "how to separate the front and back end of Nginx". I hope the above content can be of some help to you, so that you can learn more knowledge. if you think the article is good, you can share it for more people to see!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.