What should I do if Vue refreshes and displays 404 after packaging the project?

This time I will bring you how to deal with Vue refreshing and displaying 404 after packaging the project. What are the precautions when dealing with Vue refreshing and displaying 404 after packaging the project. The following is a practical case. Let’s take a look. one time.

The problem of refreshing 404 after vue packages the project Nginx configuration

server { 
  listen   80; 
  server_name localhost; 
  index index.html; 
  root /root/dist; 
  location / { 
    root /root/dist; 
    try_files $uri $uri/ /index.html =404; 
  } 
}

I believe you have mastered the method after reading the case in this article, please come for more exciting information Pay attention to other related articles on php Chinese website!

Recommended reading:

Vue implements sliding stacking components

##How to deal with the white screen on the homepage after vue build is packaged

The above is the detailed content of What should I do if Vue refreshes and displays 404 after packaging the project?. For more information, please follow other related articles on the PHP Chinese website!