客户端可以不写具体接口地址,通过服务器控制指向不同的地址从而达到多环境。 通过配置nginx/conf文件,处理转发分配不同环境的前端代码
server {
listen 8080;
server_name localhost;
location / {
root html/;
index index.html index.htm;
}
location ^~/api/ {
rewrite ^/api/(.*)$ /$1 break;
proxy_pass http://110.39.10.18:8019;// 该地址为web应用请求的地址,web应用中直接写成/api/
}
}
axios请求中使用的url如下
export const url = '/api' //生产环境/测试环境/开发环境
通过配置nginx/conf文件,转发指向不同的目录
localtion ^~/river/ {
alias /data/web
}
localtion ^~/riverB/{
alias /data/webB
}
localtion ^~/riverT/{
alias /data/webT
}
服务器的文件目录结构