TRY CODING FUN

重拾编程的乐趣

0%

JS Vue React 是怎么处理路由的

发表于 更新于 分类于
本文字数： 775 阅读时长 ≈ 1 分钟

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

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

1
2
3
location / {
  try_files $uri $uri/ /index.html;
}

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
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;
    }
}

参考文章

相关文章