vue 动态获取浏览器URL,并配置axios的baseURL
关于window.location的详解:
window.location 对象不仅可以获得当前页面的地址 (URL),还能够将浏览器重定向到新的页面。
下面,以http://www.xxxxxx.com:8000/test?id=123&username=xxx
为例来进行解释:
1. window.location.href (当前url)—— http://www.xxxxxx.com:8000/test?id=123&username=xxx
2. window.location.protocol(协议)—— http:
3. window.location.host(域名 + 端口)—— www.xxxxxx.com:8000
4. window.location.hostname(域名)—— www.xxxxxx.com
5. window.location.port(端口)—— 8000
6. window.location.pathname(路径)—— /test
7. window.location.search (请求的参数)—— ?id=123&username=xxx
8. window.location.origin(路径前面的url)—— http://www.xxxxxx.com:8000
在需要的地方按照以上的规则直接拼接使用即可。
baseURL使用更改如下:
import Axios from 'axios'; let path = '/contentPath' let url = window.location.origin +path; //path为上下文路径,如果后端有配置就添加 Axios.defaults.baseURL = url;