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;

 


 

posted @ 2021-10-20 10:33  骄傲一点才可爱  阅读(2371)  评论(0编辑  收藏  举报