美文网首页
前端页面请求带不带斜杠

前端页面请求带不带斜杠

作者: kkopitehong | 来源:发表于2020-06-10 15:46 被阅读0次

背景

之前做的一个项目, 配置在了不同了域名商, 而代码里使用axios设置的baseURL是同一个, 导致了在某些域名下出现了跨域问题, 后台小哥又不愿改代码, 后来想想其实如果不设置的话, 默认都是会拼接上当前地址了, 也就不会出现跨域问题了

相对地址是否要以斜杠开头

const xhr = new XMLHttpRequest()
h.open('get', 'a/b/c')
h.send(null)

以上代码在不同路径下会对不同地址进行请求

代码所在页面 发出的请求地址
https://www.abc.com/ https://www.abc.com/a/b/c
https://www.abc.com/web/index.html https://www.abc.com/web/a/b/c
https://www.abc.com/web/xx/index.html https://www.abc.com/web/xx/a/b/c

如果请求带上斜杠

const xhr = new XMLHttpRequest()
h.open('get', '/a/b/c')
h.send(null)

以上代码在不同路径下会对不同地址进行请求

代码所在页面 发出的请求地址
https://www.abc.com/ https://www.abc.com/a/b/c
https://www.abc.com/web/index.html https://www.abc.com/a/b/c
https://www.abc.com/web/xx/index.html https://www.abc.com/a/b/c

相关文章

  • 前端页面请求带不带斜杠

    背景 之前做的一个项目, 配置在了不同了域名商, 而代码里使用axios设置的baseURL是同一个, 导致了在某...

  • 地址模块实现

    地址页面: 1、地址列表渲染 首先在这个页面中请求用户的地址列表数据,请求后在前端进行渲染。前端代码: 后端代码:...

  • 文件上传与下载

    文件上传 前端页面 Action处理类 struts.xml 文件下载 前端页面 处理下载请求的action st...

  • 前端面试的5大主要题型

    前端页面加载流程 TCP请求到页面交互 前端框架对比 React 和 Vue 函数式组件的产生 背景以及优势, c...

  • router(History,hash)前端路由机制

    前端路由机制前端路由,顾名思义就是一个前端不同页面的状态管理器,可以不向后台发送请求而直接通过前端技术实现多个页面...

  • NGINX 转发相关 iframe 中请求static资源路径问

    问题描述 iframe中嵌套时,前端 static 资源请求404导致前端页面出不来,前端静态资源截图如下 报错如...

  • 前端体系

    B/S架构 和 C/S架构 前端 页面加载 交互 后端 接收请求 处理请求 响应请求 MVC、链式处理、模板引擎 ...

  • laravel7 信任代理实践

    场景是这样的,假设前端页面的接口请求是通过配置反向代理来请求真实的服务器的,比如前端 front.com 请求 b...

  • xxl-job任务操作源码分析(四)

    手动执行任务 页面上点击“执行” 按钮, 前端会发送一个请求 /jobinfo/trigger post 请求...

  • token长时间过期后,请求无返回体问题

    环境 vue项目,axios, JwtToken 问题 前端页面长时间登录未操作后, 发送请求无反应,发送任何请求...

网友评论

      本文标题:前端页面请求带不带斜杠

      本文链接:https://www.haomeiwen.com/subject/xrkptktx.html