使用axios 和proxy发送一个跨域请求
时间: 2024-06-09 22:12:23 浏览: 190
好的,我可以为您提供代码示例。首先需要安装axios:
```bash
npm install axios
```
然后在代码中引入axios:
```javascript
import axios from 'axios';
```
接下来,我们需要设置proxy。在项目的根目录下,创建一个名为`vue.config.js`的文件,如果是React项目则创建`setupProxy.js`文件。在文件中添加以下内容:
```javascript
module.exports = {
devServer: {
proxy: {
'/api': {
target: 'http://localhost:3000', // 目标服务器地址
changeOrigin: true, // 是否跨域
pathRewrite: {
'^/api': '' // 重写地址
}
}
}
}
};
```
这里我们设置了一个代理,将以`/api`开头的请求代理到`http://localhost:3000`这个地址上。
最后,我们可以使用axios发送请求:
```javascript
axios.get('/api/data')
.then(response => {
console.log(response.data);
})
.catch(error => {
console.log(error);
});
```
这里我们发送了一个GET请求,请求地址为`/api/data`,axios会自动将该请求代理到`http://localhost:3000/data`上。如果请求成功,会在控制台中输出返回的数据;如果请求失败,会输出错误信息。
阅读全文