vue2.x中的跨域

最新推荐文章于 2025-01-16 11:02:02 发布

YLY。

最新推荐文章于 2025-01-16 11:02:02 发布

阅读量1.6k

点赞数 1

文章标签： vue vue跨域

本文链接：https://blog.csdn.net/weixin_45117014/article/details/90486441

版权

本文介绍了在Vue2.x中如何解决跨域问题，通过示例展示了使用fetch和axios进行API调用的方法。在App.vue组件中，fetch示例展示了设置请求头并发送POST请求的过程，然后转换响应为JSON数据。另外，文章还提到了axios的安装与使用，将其挂载到Vue原型上，方便全局调用。

摘要由CSDN通过智能技术生成

1、fetch
App.vue
//跨域请求处理
created(){
//fetch
fetch("/apis/server_new/login",{
method:“post”,
header:{
// “Content-type”:“application/json”,
token:“54cas56156d4a6s1das1d6sa4d6a51d65asd”
},
body:JSON.stringify({username:“admin”,password:“123456”})
})
.then(result=>{
// console.log(result)
return result.json()
})
.then(data=>{
console.log(data)
})

}



在config/index.js
 // Paths
assetsSubDirectory: 'static',
assetsPublicPath: '/',
proxyTable: {
	'/apis': {    //将www.exaple.com印射为/apis
        target: 'https://www.exaple.com',  // 接口域名
        secure: false,  // 如果是https接口，需要配置这个参数
        changeOrigin: true,  //是否跨域
        pathRewrite: {
            '^/apis': ''   //需要rewrite重写的,
        }              
    }
},

重启：必须重启

最低0.47元/天解锁文章