axios使用相对路径直接访问后端
时间: 2023-05-25 07:05:07 浏览: 585
Vue axios设置访问基础路径方法
在使用axios相对路径直接访问后端时,需要注意以下几点:
1. 前端和后端代码需要部署在同一个服务器上,否则相对路径无法访问到后端接口。
2. 在axios的请求中,需要将baseURL设置为空字符串或当前页面的相对路径,示例代码如下:
```javascript
axios({
method: 'get',
url: '/api/getData',
baseURL: '' // 或者设置为当前页面的相对路径,例如:baseURL: '/myProject/'
})
```
3. 在后端代码中,需要设置允许跨域访问。可以通过在服务器端配置Access-Control-Allow-Origin来实现,示例代码如下(以Node.js的express框架为例):
```javascript
app.use((req, res, next) => {
res.setHeader('Access-Control-Allow-Origin', '*')
res.setHeader('Access-Control-Allow-Methods', 'GET, POST, PUT, DELETE')
res.setHeader('Access-Control-Allow-Headers', 'X-Requested-With, Content-Type')
next()
})
```
以上就是使用axios相对路径直接访问后端的一些注意事项。
阅读全文