跨域请求是 http 请求常见的问题。
vue 框架推荐使用 axios 插件请求数据, 若后台不做跨域请求的处理,那么前台可以使用 axios 插件结合 qs 插件实现跨域请求。
- 安装插件
npm install --save axios
npm install --save qs
- 引入插件
import axios from ‘axios‘
import qs from ‘qs‘
- 在 methods 中使用
methods: {
getData() {
axios.post(url, // url 以自己的地址为准
qs.stringify({
key: ‘‘ // 值按照需求传入
})
).then(res => {
console.log(res.data)
}).catch(error => {
console.log(error)
})
}
}