18910140161

vue配置axios请求地址?vue 动态获取浏览器URL,并配置axios的baseURL

顺晟科技

2022-09-23 11:07:43

180

关于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;

 


 

相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航