Shulou(Shulou.com)05/31 Report--

This article mainly introduces "how to solve the 404 error when vue mode is set to history". In daily operation, I believe many people have doubts about how to solve the 404 error when vue mode is set to history. Xiaobian consulted all kinds of information and sorted out simple and easy operation methods. I hope to help you answer the doubts of "how to solve the 404 error when vue mode is set to history"! Next, please follow the small series to learn together!

In order to make the browser input address without #, in the process of using vue (server uses nginx), add vue model mode:

export default new Router({ mode: 'history', routes: [ { path: '/', name: 'Index', component: Index, ...

When accessing projects, especially during project refreshes, projects can have 404 conditions

nginx404.png

Treatment:

location / { index index.html index.htm; try_files $uri $uri/ @router; } location @router{ rewrite ^.*$ /index.html last; }

Problem handling.

Vue configuration mode is history

At this point, the study of "how to solve the 404 error when vue mode is set to history" is over, hoping to solve everyone's doubts. Theory and practice can better match to help you learn, go and try it! If you want to continue learning more relevant knowledge, please continue to pay attention to the website, Xiaobian will continue to strive to bring more practical articles for everyone!

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.