vue 中 proxytable 配置后不生效 axios 参数格式化

最新推荐文章于 2024-03-29 14:45:24 发布
最新推荐文章于 2024-03-29 14:45:24 发布
阅读量8.1k 收藏 9
点赞数 3
文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42737937/article/details/87437638
版权

后台提供的接口

本地

post请求

控制台报错: 跨域

解决: 在 config -> index.js 里配置

修改post 请求 并注释掉 axios.defaults.baseURL = '...' (第二天发现这个不能注释, 会报404, 不知道是什么原因, 求知道的大神解惑)

控制台查看

使用: http://localhost:8080/api/account/post/login 请求

但此时参数的格式与后台的不匹配

解决: 1. 叫后台兼容; 2. 前端自己修改

修改方法: 引入 qs 并设置headers.post

修改post参数为qs.stringify(data)

控制台查看

问题解决

1217212146
关注
  • 3
    点赞
  • 踩
  • 9
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
Vue笔记（三）—— Vue axios异步、跨域请求及proxyTable无效问题详解
成长笔记
07-28 7046
一、异步请求： 1.命令行 : cd my-project npm install --save axios 2.main.js: // 引入axios异步请求 import Axios from 'axios' Vue.prototype.$axios=Axios; 3.xx.vue： mounted() { this.getUserList(); }, methods:...
Vue使用Proxy代理后仍无法生效的解决
01-21
vue.js 配置了前端代理却未能生效 记录一下最近踩得小坑： 配置完代理后请一定重新执行（重要，非常重要！） npm run dev 若重新执行命令后，代理仍为生效，请按下方步骤进行检查： 检查index.js文件中的代理是否配置正确，示例如下： proxyTable: { '/api': { //代理标识 target: 'http://xxx.xxx.xxx',//指向的实际地址 changeOrigin: true, // 允许跨域 pathRewrite: { // 标识替换 // 原请求地址为 /api/getData 将'/api'替换''时
vue 跨域 proxyTable不生效 解决办法
dc2016的博客
02-07 7267
在网上查了半天，都没行，原来是要把axios再封装一层，再调用就OK了。 1. 修改config目录下的index.js文件 proxyTable: { '/':{ target: 'http://localhost:8080', changeOrigin: true, ws: true, pathRewrite: { '^/': '' } ...
Vue的proxy不生效总是重定向到localhost，请求头没有cookie怎么解决？
最新发布
clancy_pinkie的博客
03-29 599
pathRewrite不生效就干掉它，请求头没有cookie是因为没使用代理
vue proxytable失效的问题解决
yummry的博客
10-24 5619
在vue的开发过程中，经常会遇到本地调用后台接口的情况，如果后台接口没有做处理的情况下，就会碰到跨域问题，下边是在开发中自己经常用到的跨域解决方案，供大家参考一下： vue-cli配置proxytable： 这个配置比较简单，如果使用vue-cli搭建的脚手架，只需要在 根目录/config/index.js 中修改proxyTable属性即可没配置参考： proxyTable: { ...
vue proxyTable失效问题
qq_44709236的博客
05-24 2279
proxyTable失效问题中的其中一个bug 今天处理vue的proxyTable时老是不调用proxyTable方法，路径错误报错404！网上查找了很久都没找到合适自己的方法，接口路径什么的都没写错，后来我发现把已经加载的node_modules删除从新npm install然后从新打开npm run dev然后就不报错404了，是不是很神奇 node_modules （删除重新构建） npm install npm run dev // config文件夹中的index.js文件 proxyTab
Vue跨域问题——vue2.0 proxyTable配置,以及配置后为什么无法生效问题
daimaxiaoyu的博客
01-10 8350
一.遇到的问题 今天在项目中需要访问网易云音乐中的歌手信息接口 通过axios调取接口后出现了如下问题 这就是因为跨域访问出现的问题 那么为什么会出现跨域问题呢？ 因为因为浏览器同源策略的限制，不是同源的脚本不能操作其他源下面的对象 同源策略的概念 同源策略（Same origin policy）是一种约定，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，则浏览器的正常功能可能都会受到影...
vue2.0设置proxyTable使用axios进行跨域请求的方法
08-29
在 Vue 2.0 中，为了解决跨域请求的问题，我们可以使用 ProxyTable 来设置代理服务器，并使用 Axios 库来发送请求。在本文中，我们将详细介绍如何使用 ProxyTable 和 Axios 来实现跨域请求。 一、什么是跨域请求？ ...
Vue proxyTable配置多个接口地址,解决跨域的问题
10-14
主要介绍了Vue proxyTable配置多个接口地址,解决跨域的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
webpack+vue-cil 中proxyTable配置接口地址代理操作
10-15
主要介绍了webpack+vue-cil 中proxyTable配置接口地址代理操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
axios 设置 timeout 不生效
曹曹的博客
10-21 4157
axios 设置 timeout 不生效 目前只是记录一下， 还没有深入研究， 若有不对或其他见解还请大家多多留言补充！ 自己封装的方法： const axiosWithTimeout = async (config) => { const { timeout } = config; const abort = axios.CancelToken.source(); setTimeout( () => abort.cance
详解webpack的proxyTable无效的解决方案
08-27
主要介绍了详解webpack的proxyTable无效的解决方案，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
axios 设置timeout不生效的问题解决
sinat_25952469的博客
06-06 678
因为配置了 mockjs ，移除就可以了。
解决vue中axios设置超时无效的问题
qq_38888512的博客
02-24 7408
现在有一个大概需要6分钟才返回结果的接口，查看axios官方文档默认是1000毫秒，于是我改成了30分钟： const http = axios.create({ timeout: 30 * 60 * 1000, headers: { 'Content-Type': 'application/json', 'X-Requested-With': 'XMLHttpRequest' } }) 但是在请求接口的时候，2分钟或者4分钟就断开了： 通过查资料
axios 设置超时时间 timeout
热门推荐
一片天空
05-31 7万+
全局设置网络超时 axios.defaults.timeout = 30000; 单独对某个请求设置网络超时 let timeout = parseInt(paramsTimeout); this.$ajax.post(url, params, {timeout: timeout}) .then(res => { console.log('response='+r...
前端工程代理配置proxyTable踩坑记
知愚智乐的博客
06-19 613
问题：VUE工程配置proxyTable但是没起作用 在/config/index.js中 proxyTable: { '/api': { target: 'http://localhost:8443', changeOrigin: true, pathRewrite: { '^/api': 'api' } } } target ，pathRewrite都没有起作用 原因分析： 原因是在/main.js中 axios.defaults.baseURL =
axios请求失败重新发起请求_vue axios请求超时,设置重新请求的完美解决方法
weixin_39805539的博客
12-21 1275
//在main.js设置全局的请求次数，请求的间隙axios.defaults.retry = 4;axios.defaults.retryDelay = 1000;axios.interceptors.response.use(undefined, function axiosRetryInterceptor(err) {var config = err.config;// If config ...
本地开发Vue项目 用axios请求本地服务器数据，解决跨域问题
freedom7426的博客
07-11 1万+
本地生成的数据 url: http://127.0.0.1/VIP_221/?c=list&cs=cpvue项目怎么请求到我的这个数据呢？步骤1：在文件夹config下的index.js配置proxyTable， proxyTable: {        '/api': {            target: 'http://127.0.0.1/VIP_221/?c=list&c...
vue pathRewrite无效
树上骑个猴的博客
12-26 3625
看看是不是另外在main.js等文件设置了全局的axios.defaults.baseURL，如果设置了全局的baseURL则会让pathRewrite无效，不过跨域还是有效的。 proxy: { '/aps': { target: `https://baidu1.me`, // 你要请求的接口 ws: false, //如果要代理 websockets，配置这个参数 changeOrigin: true, // 开启代理
vue配置proxy代理不生效
07-27
你可以尝试以下步骤来解决Vue配置代理不生效的问题： 1. 确保你已经在`vue.config.js`文件中正确配置了代理。在项目根目录下创建一个名为`vue.config.js`的文件（如果不存在），并添加以下代码： ```javascript ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值