阅读此文章前,可以先看 vue多页面开发配置
- 当
axios
的baseUrl
为/prod-api
时
import axios from 'axios'
axios.create({
baseURL: '/prod-api'
})
1
2
3
4
5
2
3
4
5
- 部署vue项目的nginx配置
# 精准匹配 '/' 重定向到pc页面
location = / {
rewrite / /pc permanent;
}
# 匹配以 '/pc' 开头
location ^~ /pc {
try_files $uri $uri/ /pc.html;
}
# 匹配以 '/mobile' 开头
location ^~ /m {
try_files $uri $uri/ /mobile.html;
}
# 接口代理配置
location /prod-api/ {
# 修改此处目标域名
proxy_pass http://app.com/;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_next_upstream error timeout invalid_header http_500 http_502 http_503 http_504;
proxy_max_temp_file_size 0;
proxy_connect_timeout 90;
proxy_send_timeout 90;
proxy_read_timeout 90;
proxy_buffer_size 4k;
proxy_buffers 4 32k;
proxy_busy_buffers_size 64k;
proxy_temp_file_write_size 64k;
}
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
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