Vue3项目打包后部署到服务器 请求不到后台接口解决方法
更新时间：2020年02月06日 08:47:35 作者：vk隐
在本篇文章里小编给大家整理了关于Vue3项目打包后部署到服务器 请求不到后台接口解决方法，有需要的朋友们可以参考下。
本地开发没问题能正常请求到接口，部署后页面也能展示出来就是接口的数据请求不到
network一看是这么个情况
对比了本地的页面
可以发现是remote address出了问题。
经过查询得知：Remote Address代表的是当前HTTP请求的远程地址，即HTTP请求的源地址。
我的猜想是proxy代理在本地环境下用的是localhost即127.0.0.1进行转发代理的，而部署到服务器后相当于换了个环境（ ip地址和端口已经改变 ），此时proxy代理就出错了。
解决方法：
地址错误了，那就换到正确的地址。
即：本地开发环境 代理时用127.0.0.1，生产环境用服务器的ip
在Vue中要实现这个效果就需要用到全局环境变量了
然后proxy代理和axios请求那也要改一下
至此问题解决
如果大家在学习中有任何补充，可以联系脚本之家小编，感谢大家的学习。
相关文章
toRef 和 toRefs都是Vue3 中的响应式转换工具函数,换句话说,toRef 和 toRefs 就是用来创建响应式的引用的,主要用来取出响应式对象里的属性,或者解构响应式对象,本文小编就来带大家搞清楚Vue3中toRef和toRefs的区别,需要的朋友可以参考下2023-09-09
这篇文章主要为大家详细介绍了vue拖拽组件vuedraggable的使用说明，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-04-04
这篇文章主要介绍了浅谈Vue使用Elementui修改默认的最快方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-12-12
这篇文章主要介绍了Vue引入jquery实现平滑滚动到指定位置的效果，非常不错，具有一定的参考借鉴价值，需要的朋友参考下吧2018-05-05
这篇文章主要为大家详细介绍了vue使用SVG实现圆形进度条音乐播放，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-04-04
本文给大家带来两种方法实现vue2.0 自定义日期时间过滤器，需要的的朋友参考下吧2017-06-06
解决iview table组件里的 固定列 表格不自适应的问题
这篇文章主要介绍了解决iview table组件里的 固定列 表格不自适应的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-11-11
这篇文章主要为大家详细介绍了vue的生命周期，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助2022-02-02
这篇文章主要介绍了Vue.js组件，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-04-04
vue提倡的是在方法中只有对数据的处理，所以提供了事件修饰符用于DOM的事件处理，下面这篇文章主要给大家介绍了关于Vue自定义组件使用事件修饰符的相关资料,需要的朋友可以参考下2021-05-05
最新评论