【HAVENT原创】单页面站点在 Nginx 下刷新报404 的问题

最新推荐文章于 2024-06-20 23:47:10 发布

weixin_33755847

最新推荐文章于 2024-06-20 23:47:10 发布

阅读量471

点赞数

文章标签：运维 javascript 前端 ViewUI

原文链接：https://my.oschina.net/u/943746/blog/2989258

版权

为什么80%的码农都做不了架构师？>>>

AngularJS / Vue / React 前端站点如果使用了单页面模式，在开发模式下直接使用 url 路由访问是正常的，但是在 nginx 下面会直接报 404 错误。

解决方式是加入 try_files $uri $uri/ /index.html; 判断如果文件不存在则重定向到 /index.html 页面


worker_processes  auto;

#daemon off;
error_log  /var/log/nginx/error.log warn;
pid        /var/run/nginx.pid;


events {
    use epoll;
    worker_connections  1024;
}


http {
    include       /etc/nginx/mime.types;
    default_type  application/octet-stream;

    log_format  main  '$remote_addr - $remote_user [$time_local] "$request" '
                      '$status $body_bytes_sent "$http_referer" '
                      '"$http_user_agent" "$http_x_forwarded_for"';

    access_log  /var/log/nginx/access.log  main;

    sendfile        on;
    #tcp_nopush     on;

    keepalive_timeout  65;

    #gzip  on;
    server {
       listen 80;
       server_name 127.0.0.1;
     location / {
      root /etc/nginx/html/MY00_COM;
      try_files $uri $uri/ /index.html;
     }
   }

    include /etc/nginx/conf.d/*.conf;
}

转载于:https://my.oschina.net/u/943746/blog/2989258