Problem:
When I started the development environment of the Alice management system, I found that all interfaces in the background all generated 404 errors when making the first request, but the second The second request was successful
#Positioning problem
Looking at the nginx error log, I found the following error, so I mistakenly thought that the error occurred because the file could not be written due to insufficient permissions on thehtml folder. So after opening the permissions, I found that it still didn't work. I searched on Google and still couldn't find it. Find the solution. I put it aside for the time being, and when I tried to find the error again the next day, I accidentally opened port 8081. When you accessed
localhost:8081 and
127.0.0.1:8081, the contents were actually different.
nginx 's config file and our project configuration file are found to have a port conflict. When you access the backend, you find that the request will have a static file dedicated to nginx, so a 404 error is generated.
server { listen 8081; server_name 127.0.0.1; #charset koi8-r; #access_log logs/host.access.log main; location / { root html; index index.html index.htm; }
server { # 平台端口 listen 8100; server_name localhost; location / { proxy_pass http://localhost:4200/; } location /api/ { proxy_pass http://localhost:8081/; } #error_page 404 /404.html; # redirect server error pages to the static page /50x.html # error_page 500 502 503 504 /50x.html; location = /50x.html { root /usr/share/nginx/html; } }
Solution
Change the background port and the project does not have nginx configuration.Legacy issues:
When started in the background, access the contents oflocalhost:8081 and
127.0.0.1:8081 Different
The same when the background is closed
localhost: The system has the permissions of the current user of this machine to access
127.0.0.1: It means that this machine is accessed through the network This machine
The above is the detailed content of How to solve the conflict between nginx and backend port. For more information, please follow other related articles on the PHP Chinese website!