vue axios跨域怎么解决

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue axios跨域怎么解决相关的知识,希望对你有一定的参考价值。

参考技术A 可以使用代理解决, 比如nginx, 非常简单

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

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

以上是关于vue axios跨域怎么解决的主要内容,如果未能解决你的问题,请参考以下文章

axios可以解决跨域访问的问题吗

vue axios发送post请求,怎么设置请求头解决跨域

Vue初学,POST跨域问题怎么解决

vue 设置proxyTable解决跨域问题

VUE axios post请求 跳转跨域问题

vue-resource 怎么解决跨域问题