vue axios跨域post请求
时间: 2023-09-23 18:09:48 浏览: 129
vue使用axios跨域请求数据问题详解
在vue项目中,如果需要进行跨域post请求,可以按照以下步骤进行配置:
1. 在vue项目中安装axios:`npm install axios --save`
2. 在src目录下创建一个文件夹,命名为api,在api文件夹下创建一个index.js文件,用于存放接口请求相关的配置。
3. 在index.js文件中引入axios,并进行基础配置:
```javascript
import axios from 'axios';
// 配置axios基础路径
axios.defaults.baseURL = 'http://localhost:8080';
export default axios;
```
4. 在需要进行跨域post请求的组件中,引入刚才创建的api/index.js文件,并使用axios发送post请求:
```javascript
import api from '@/api/index.js';
// 发送跨域post请求
api.post('/api/login', {
username: 'admin',
password: '123456'
}).then(res => {
console.log(res.data);
}).catch(err => {
console.log(err);
});
```
需要注意的是,跨域post请求需要在后端进行相应的CORS配置,否则会导致请求失败。
阅读全文