关于react-router-dom的部署Apache&nginx配置解决方案

今天主要是整理BrowserRouter 去掉#之后 服务器的具体配置，主要讲述以下两种 Apache&nginx

• 如果还不是很清楚react-router-dom的用法的话请先看这里react-router 4最新版本的使用 和答疑

• 一贯原则，不太喜欢说废话。

• Apache

  • 通过添加以下Rewrite *行来更改VirtualHost配置（通常位于/etc/httpd/conf.d/httpd.conf中）

  • 可以在此处找到常规Apache虚拟主机配置信息

不知道包含了什么关键字简死都发不出来，所以兄弟们将就看吧

这告诉Apache提供任何存在的文件，但如果它们不存在，只需提供/ index.html而不是'404：not found`。

• Nginx

通过提供以下位置来更改虚拟主机配置（通常位于/etc/nginx/conf.d/vhosts.conf中）：

server {
    listen 80 default_server;
    server_name /var/www/example.com;

    root /var/www/example.com;
    index index.html index.htm;      

    location ~* \.(?:manifest|appcache|html?|xml|json)$ {
      expires -1;
      # access_log logs / static.log; ＃我通常不包含静态日志
      # access_log logs/static.log; # I don't usually include a static log
    }

    location ~* \.(?:css|js)$ {
      try_files $uri =404;
      expires 1y;
      access_log off;
      add_header Cache-Control "public";
    }
    #包含文件扩展名的任何路由（例如/devicesfile.js）
    # Any route containing a file extension (e.g. /devicesfile.js)
    location ~ ^.+\..+$ {
      try_files $uri =404;
    }

    # Any route that doesn't have a file extension (e.g. /devices)
    location / {
        try_files $uri $uri/ /index.html;
    }
}

转载请留言并著名出处，虽然我不知道为什么最近简shu总是莫名奇妙的封文章，但是能给大家提供一些帮助我很开心，也希望更多的前端小伙伴能够成长的更全面。
------------------------------------------------------------------------------------------------------------------吴佳浩