vue 使用 axios 时怎么解决跨域问题

Posted 2021-01-03 zhourongcode

跨域请求是 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)
        })                   
    }
}