0%

JS Vue React 是怎么处理路由的

有时候在思考 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;
}
}

参考文章