vue this.$http.get post 跨域问题

叁歲伎倆 2022-09-12 10:00 143阅读 0赞

Get请求:

Vue.http.get('http://localhost:9090/card-add',\{  
params:\{id:1,name:'aaa'\}....->get请求必须加params  
\})  
.then(  
(response)=>\{  
//-响应成功回调  
console.log(response.data)  
\},  
(response)=>\{  
//-响应错误回调  
\});  
浏览器正确情况:

this.$http.get(this.url.getInfoURL?idNumber:idnumber,\{  
emulateJSON: true  
\}).then(res => \{  
console.log("res=\{\}",res);  
if (res.code === 0) \{  
let dataObj = res.data;

this.swCode = dataObj.swCode;

this.regName = dataObj.regName;  
\} else \{  
this.descText = '获取失败,请稍后重试'  
\}  
\}).catch(err => \{  
return this.$api.msg("服务器被外星人抓走了,请稍后重试")  
\});

Post请求:

Vue.http.post('http://localhost:9090/st-add',\{  
stName:"jxh",//st.stName,  
idCard:st.idCard,  
sex:st.sex,  
school:st.school,  
depict:st.depict,  
birthday:'2019/11/11',//st.birthday,  
clubs:st.clubs  
\},\{  
emulateJSON: true -->这一段必须存在！  
\})  
.then(  
(response)=>\{  
//-响应成功回调  
console.log(response.data)  
\},  
(response)=>\{  
//-响应错误回调  
\});

post错误情况,浏览器状况:

这种错误情况，请和上面比对，你虽然能看到全部的请求参数，但结果就是404.

发表评论取消回复

表情：

评论列表（有 0 条评论，143人围观）

还没有评论，来说两句吧...

相关阅读

相关 vue解决跨域问题

两天有朋友用vue写页面遇到了跨域问题（其实是后台的问题），但是在局域网下也得把数据调过来，我在这里简单总结两种方法吧，希望对大家有帮助。跨域问题的报错是下面这样的...

╰半夏微凉°/ 2024年04月18日 08:51/ 0 赞/ 43 阅读

相关 Vue解决跨域问题

创建Vue项目，在src同级目录下创建vue.config.js文件。 vue.config.js文件内容如下： module.exports = {

野性酷女/ 2023年10月08日 23:27/ 0 赞/ 22 阅读

相关跨域、跨域问题

跨域(CORS)是一种允许当前域（domain）的资源（比如html/js/web service）被其他域（domain）的脚本请求访问的机制，通常由于同域安全策略（the

朴灿烈づ我的快乐病毒、/ 2023年09月27日 00:59/ 0 赞/ 144 阅读

相关 vue this.$http.get post 跨域问题

Get请求: Vue.http.get('http://localhost:9090/card-add',\{ params:\{id:1,name:'aaa'\}...

叁歲伎倆/ 2022年09月12日 10:00/ 0 赞/ 144 阅读

相关 vue跨域问题

开发环境解决跨域问题简单粗暴 ![70][] 文件在这里 config文件夹下index.js，记得改完之后重新run一下 (npm run dev) ![7

谁借莪１个温暖的怀抱￠/ 2022年05月31日 07:29/ 0 赞/ 219 阅读

相关 ionic http(post)请求跨域问题

在app.module.ts中添加： import {HttpClientModule} from '@angular/common/http'; 并且将其加入im

拼搏现实的明天。/ 2022年05月31日 06:54/ 0 赞/ 179 阅读

相关 vue-resource跨域问题

今天在项目中使用vue-resource的时候，我的vue项目开发地址是`http://localhost:8080/set`，但是我想获取`http://localhost:

清疚/ 2022年05月25日 12:05/ 0 赞/ 144 阅读

相关 Vue跨域问题终解决

config->index.js->dev->proxyTable\{\} 修改proxyTable\{\}为: proxyTable: { '

我会带着你远行/ 2022年03月21日 04:28/ 0 赞/ 255 阅读

相关 Vue解决跨域问题

在config文件夹下面的index.js里面进行修改这个是3\版本其他版本不一定是这个文件夹 module.exports = { dev:

àì夳堔傛蜴生んèń/ 2022年01月21日 06:11/ 0 赞/ 332 阅读

相关解决vue的跨域问题

> 使用官方推荐方法进行跨域问题解决 ![71fbc7ebfd09435866efe8801ea111dd.png][] 之前使用vue-jsonp 来解决跨域问题，这次使

你的名字/ 2021年09月04日 05:28/ 0 赞/ 497 阅读