跨域：vue中发的axios post请求，参数带冒号：且报错blocked by CORS policy

最新推荐文章于 2025-03-13 08:24:41 发布

檀小泡泡

最新推荐文章于 2025-03-13 08:24:41 发布

阅读量1.5k

点赞数 1

分类专栏： HTTP/AXIOS JS 文章标签： vue json post

本文链接：https://blog.csdn.net/weixin_42371145/article/details/104814391

版权

本文介绍了在Vue项目中遇到的axios POST请求因跨域政策被阻止的问题。尝试了通过安装qs、修改后端Java设置Access-Control-Allow-Origin以及使用nginx转发等方式解决，最终采用动态创建script标签的方法成功发送GET请求，但因无法处理POST请求的响应而未能完全解决问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

背景：vue框架
一 post请求报错：
在这里插入图片描述
status：failed

在这里插入图片描述
方法1：
安装qs
npm install qs

api：
config.headers['Content-Type'] = 'application/json'

zujian.vue:
import qs from 'qs'
let param={
   
   postCode:this.$route.query.pc,
 }
 requestReplypost(qs.parse(param)).then(response=>{
   
   this.postList.push(response)
   this.contp=''
 })