举个在前端代码中使用相对路径来访问后端接口的例子包含代码
时间: 2024-03-26 15:38:53 浏览: 163
C#绝对路径拼接相对路径的实例代码
好的,这里给您提供一个使用相对路径来访问后端接口的示例代码:
假设您的后端接口在项目的 `api` 目录下,您可以在前端代码中使用相对路径 `../api/your-api` 来访问后端接口。
```
// 前端代码
fetch('../api/your-api')
.then(response => response.json())
.then(data => console.log(data))
.catch(error => console.error(error));
```
在上面的示例代码中,我们使用了相对路径 `../api/your-api` 来访问后端接口。您需要将 `your-api` 替换为您实际的后端接口名称。
当浏览器向服务器发送请求时,请求的URL将被解析为相对于当前文件所在目录的绝对路径。因此,如果您的前端代码和后端代码不在同一个目录下,您需要使用更长的相对路径来定义后端接口URL。
需要注意的是,如果您使用的是Vue、React等前端框架,您可以使用框架提供的路由功能来定义后端接口URL。
阅读全文