vue中axios的post请求url自动带上本地ip解决方法

最新推荐文章于 2023-03-22 10:38:02 发布
最新推荐文章于 2023-03-22 10:38:02 发布
阅读量6.3k 收藏 11
点赞数 8
分类专栏： Element 文章标签： vue axios post ip
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_25252769/article/details/112212773
版权
描述

在这里插入图片描述

解决方法

1.URL地址错误，https://或者http://写错了。（占比90%）
2.URL地址正确，但是 VUE_APP_BASE_API = ‘http://10.196.33.41:8082/crm-admin’ 前后有空格，去掉空格就好了。

ENV = 'development'

# base api
(此处不能有空格)VUE_APP_BASE_API = 'http://10.196.33.41:8082/crm-admin'(此处不能有空格)
刘斩仙的笔记本
关注
  • 8
    点赞
  • 踩
  • 11
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 5
    评论
专栏目录
项目请求地址自动加上了本地ip的解决方式
Debug的博客
03-02 562
一般情况下来说都是一些粗心大意的问题导致的
详解Vue用axios发送post请求自动set cookie
12-09
vue-resource不再维护之后，我也用起了axios，但是死活无法设置服务器发送过来的cookie 后来查询文档发现，这个是要单独配置的。 // `withCredentials` indicates whether or not cross-site Access-Control ...
vue封装axios之后请求接口携带localhost:8000 解决方案,超级简单 ~
m0_49789433的博客
05-06 2466
http://localhost:8000/list/116.63.147.2:8080/api/product/pagination?pageNum=1&sizeNum=10 页面配置之后出现两次前缀localhost:8000/ 116.63.147.2:8080 而我们只需要 116.63.147.2:8080 就行 看一下我们页面代码 解决 http后面需要加 // 两个斜杠 ...
vue中axios请求url自动带上本地ip解决方法
weixin_43249785的博客
06-18 5702
封装好axios后，出现这种情况
Vue axios请求自带域名，接口及项目名
hongfei130的博客
06-10 1891
标题 @TOC 欢迎使用Markdown编辑器 你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。 新的改变 我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下几点新功能，帮助你用它写博客： 全新的界面设计 ，将会带来全新的写作体验； 在创作中心设置你喜爱的代码高亮样式，Markdown 将代码片显示选择的高亮样式 进行展示
axios 请求其他服务器地址时候 会自动加上当前网址域名
ProgrammingWhite的博客
03-22 1995
axios .env.production vue2 request
VUE发送POST请求自动附带本地地址
qq_37550867的博客
04-15 3423
VUE发送POST请求自动附带本地地址 VUE发送POST请求自动附带本地地址，原因是应为没加代理。 情况如图 再vue.config.js中加层代理就可以解决了 下面展示一些 内联代码片。 // 配置IP代理 var foo = 'bar'; proxy: { "/":{ changeOrigin:true, //这里写需要代理地址和端口 ...
vue中请求接口为什么url会自动带上本地ip【仅个人记录】
weixin_44313369的博客
08-12 9323
哈哈挺傻的。 居然是因为! 请求没加http:// [ = = 难受啊 马飞]
vue中请求接口会自动带上本地ip
夜月晓晓的博客
08-05 2732
vue中请求接口会自动带上本地ip
解决在Vue中使用axios POST请求变成OPTIONS的问题
10-14
在Vue.js应用中，当你使用axios库进行POST请求时，有时会发现浏览器实际上发送了一个OPTIONS请求，而不是预期的POST请求。这种现象通常是由于浏览器的CORS（Cross-Origin Resource Sharing，跨源资源共享）策略引起...
Vue axios 跨域请求无法带上cookie的解决
10-14
总之，解决Vue axios跨域请求无法携带cookie的问题，需要前端设置`axios.defaults.withCredentials = true`，后端设置`Access-Control-Allow-Credentials: true`，并且`Access-Control-Allow-Origin`要正确指向前端...
Vue使用axios出现options请求方法
10-16
在本例中，Vue应用中的axios.post()方法触发了这个OPTIONS请求。这是因为POST请求在CORS策略下被认为是不安全的，所以浏览器会先发送OPTIONS请求来确保服务器允许这种类型的请求。以下是相关知识点的详细说明： 1. ...
Vue 请求后台自带本机地址
qq_44443020的博客
05-18 1271
Vue 请求后台自带本机地址 最近学习Vue 封装好axios 之后请求后台访问路径自带了Vue开发地址效果如下 其实就是分装axios时候BaseUrl 写错了 将baseURL中的127.0.0.1去掉只设置/api 不需要设置地址因为Vue会自动添加IP修改后效果 还有一点就是使用了BaseURL 一定要记得再vue.config.js 中根据前缀配置代理路由到后台真是地址 ...
处理axios本地请求地址自动加上了http://localhost:8080/
Renners的博客
07-29 8818
问题请求地址变成了localhost8080+配置的本地地址。处理方法配置完善的ip地址，加上http或https。原因baseURL配置的ip不完整。再次调用后发现已经可以了。
vue后台获取登录用户ip地址和所在地
qq_28141257的博客
02-28 1919
2.免费的api可以直接调用使用，但是可能需要做好跨域，我因为用的是Fantastic-admin框架，应该本身就有跨域所以没有报错，可以正常获取到返回值，打印一下data看下。1.项目需要拿到登录账号的ip和所在地。
前端项目实战211-axios请求地址默认加了本地地址
qq_41632427的博客
11-28 499
前端
关于nginx部署vue前端包访问后台同时出现前后端IP和端口的问题
ShadyCB的博客
10-28 2847
如题,在把vue打的包部署到nginx上后,出现了一个特别奇怪的问题, 没有任何报错,但是一点击index页面的登录按钮调用后台接口时,我看了下浏览器检查里面的请求地址,是访问前端的IP+端口/后端的Ip+端口,不知道如何解决,请各位大佬帮帮我!!! ...
vue 通过IP地址解析省市 前端通过后台返回的ip地址解析得到地址
qq_41287158的博客
12-25 1266
vue 通过IP地址解析省市 前端通过后台返回的ip地址解析得到地址 我使用的是太平洋的请求地址： http://whois.pconline.com.cn/ipJson.jsp?ip=182.140.44.44&json=true // 182.140.44.44 是自己要解析的IP地址 因为存在跨域的问题，所以后端转成了我们的域名访问 // ip 传入需要解析的ip即可 export const ipAnalysis = ip => request({ url: baseI
vue组件利用css var(--变量)实现动态修改伪类属性（::before、::after）
你好！刘斩仙
01-21 9928
如图所示： #1： 我们可以利用此属性实现vue组件动态传值，修改例如：::before、::after等，伪类的背景色，背景图等属性值。 因为vue利用无法直接在css中使用data里的变量，利用var(–变量名),以及style中定义变量（其实此步是模仿:root{}）方能修改。 动态切换主题也可利用此方式实现，由后端返回图片地址，以及颜色主题。 #2： 常规使用方式，但是很尴尬，人们并不喜欢这样写。 只有系统性，需要大量修改重复css属性，才会用到这个。 代码如下：（复制另存txt，修改.html直
vue3 axios post请求
最新发布
01-13
在Vue3中使用axios进行POST请求的示例代码如下： ```javascript import axios from 'axios'; // 发送POST请求 axios.post('/api/post', { data: 'example data' }) .then(response => { console.log(response.data); // 成功的响应数据 }) .catch(error => { console.log(error.response.data); // 错误信息 }); ``` 在上述代码中，我们首先导入axios库，然后使用`axios.post`方法发送POST请求。在第一个参数中，我们传递了请求的URL，例如`/api/post`。在第二个参数中，我们传递了要发送的数据，这里是一个JavaScript对象，例如`{ data: 'example data' }`。如果需要发送请求头信息，可以在第三个参数的配置对象中设置`headers`属性。 在`axios.post`方法返回的promise中，成功的响应数据保存在`response.data`中，错误信息保存在`error.response.data`中。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

刘斩仙的笔记本

富贵险中求

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值