JS Vue React 路由处理机制

有时候在思考 JS 是怎么处理路由的，nginx 配置是什么意思

https://router.vuejs.org/guide/essentials/history-mode.html

location / {
  try_files $uri $uri/ /index.html;
}

后来才明白，如果找不到资源就指向 index.thml 这个文件，这时候 js 读取了 url 路径，从而拿到正确的路由，真的很方便。

    root /data/www/vue;
    server {
        listen       80;
        server_name  localhost;

        location / {
            try_files $uri $uri/ /index.html;
        }

        location /app {
            try_files $uri $uri/ /app/index.html;
        }

        location /pc {
            try_files $uri $uri/ /pc/index.html;
        }


        location ^~ /b/ {
            proxy_pass http://1.1.1.1:80;
        }

        location ^~ /a/ {
            proxy_pass http://1.1.1.1:81;
        }

        location ^~ /c/ {
            proxy_pass http://1.1.1.1:82;
        }
    }

参考文章

• https://juejin.cn/post/6924916155073167373
• https://juejin.cn/post/6920046170110689293
• https://segmentfault.com/a/1190000019391139