Vue3项目打包后部署到服务器 请求不到后台接口解决方法


Posted in Javascript onFebruary 06, 2020

本地开发没问题能正常请求到接口,部署后页面也能展示出来就是接口的数据请求不到

network一看是这么个情况

Vue3项目打包后部署到服务器 请求不到后台接口解决方法

对比了本地的页面

Vue3项目打包后部署到服务器 请求不到后台接口解决方法

可以发现是remote address出了问题。

经过查询得知:Remote Address代表的是当前HTTP请求的远程地址,即HTTP请求的源地址。

我的猜想是proxy代理在本地环境下用的是localhost即127.0.0.1进行转发代理的,而部署到服务器后相当于换了个环境( ip地址和端口已经改变 ),此时proxy代理就出错了。

解决方法:

地址错误了,那就换到正确的地址。

即:本地开发环境 代理时用127.0.0.1,生产环境用服务器的ip

在Vue中要实现这个效果就需要用到全局环境变量了

Vue3项目打包后部署到服务器 请求不到后台接口解决方法

 

然后proxy代理和axios请求那也要改一下Vue3项目打包后部署到服务器 请求不到后台接口解决方法

 Vue3项目打包后部署到服务器 请求不到后台接口解决方法

至此问题解决

如果大家在学习中有任何补充,可以联系三水点靠木小编,感谢大家的学习。

Javascript 相关文章推荐
jQuery中创建实例与原型继承揭秘
Dec 21 Javascript
基于jquery DOM写的类似微博发布的效果
Oct 20 Javascript
JS JSON对象转为字符串的简单实现方法
Nov 18 Javascript
JavaScript实现Java中Map容器的方法
Oct 09 Javascript
JavaScript仿支付宝6位数字密码输入框
Dec 29 Javascript
JavaScript初学者必看“new”
Jun 12 Javascript
JavaScrip关于创建常量的知识点
Dec 07 Javascript
vue发送ajax请求详解
Oct 09 Javascript
微信小程序 image组件遇到的问题
May 28 Javascript
JavaScript生成随机验证码代码实例
Sep 28 Javascript
js 计算月/周的第一天和最后一天代码
Feb 01 Javascript
JS异步堆栈追踪之为什么await胜过Promise
Apr 28 Javascript
node.JS的crypto加密模块使用方法详解(MD5,AES,Hmac,Diffie-Hellman加密)
Feb 06 #Javascript
node.js开发辅助工具nodemon安装与配置详解
Feb 06 #Javascript
Vue表单控件数据绑定方法详解
Feb 05 #Javascript
Vue过渡效果之CSS过渡详解(结合transition,animation,animate.css)
Feb 05 #Javascript
vue 翻页组件vue-flip-page效果
Feb 05 #Javascript
在博客园博文中添加自定义右键菜单的方法详解
Feb 05 #Javascript
Vue中多元素过渡特效的解决方案
Feb 05 #Javascript
You might like
3
2006/10/09 PHP
PHP高级OOP技术演示
2009/08/27 PHP
ajax取消挂起请求的处理方法
2013/03/18 PHP
PHP中nowdoc和heredoc使用需要注意的一点
2014/03/21 PHP
实例讲解PHP验证邮箱是否合格
2019/01/28 PHP
laravel Task Scheduling(任务调度)在windows下的使用详解
2019/10/22 PHP
prototype1.4中文手册
2006/09/22 Javascript
用javascript控制iframe滚动的代码
2007/04/10 Javascript
jquery实现瀑布流效果分享
2014/03/26 Javascript
点击button获取text内容并改变样式的js实现
2014/09/09 Javascript
基于replaceChild制作简单的吞噬特效
2015/09/21 Javascript
jQuery Validate验证框架经典大全
2015/09/23 Javascript
浅谈Nodejs观察者模式
2015/10/13 NodeJs
JS简单模拟触发按钮点击功能的方法
2015/11/30 Javascript
jQuery自适应轮播图插件Swiper用法示例
2016/08/24 Javascript
原生js实现addclass,removeclass,toggleclasss实例
2016/11/24 Javascript
Bootstrap基本样式学习笔记之图片(6)
2016/12/07 Javascript
移动端效果之IndexList详解
2017/10/20 Javascript
JS实现延迟隐藏功能的方法(类似QQ头像鼠标放上展示信息)
2017/12/28 Javascript
Vue开发环境中修改端口号的实现方法
2019/08/15 Javascript
layui多iframe页面控制定时器运行的方法
2019/09/05 Javascript
vuejs实现下拉框菜单选择
2020/10/23 Javascript
[01:23]2014DOTA2国际邀请赛 球迷无处不在Ti现场世界杯受关注
2014/07/10 DOTA
Flask框架学习笔记(一)安装篇(windows安装与centos安装)
2014/06/25 Python
python2.7实现邮件发送功能
2018/12/12 Python
全网首秀之Pycharm十大实用技巧(推荐)
2020/04/27 Python
使用OpenCV获取图像某点的颜色值,并设置某点的颜色
2020/06/02 Python
查看keras的默认backend实现方式
2020/06/19 Python
Python dict的常用方法示例代码
2020/06/23 Python
python 实现压缩和解压缩的示例
2020/09/22 Python
一款纯css3实现的动画加载导航
2014/10/08 HTML / CSS
值传递还是引用传递
2015/02/08 面试题
Structs界面控制层技术
2013/10/11 面试题
yy婚礼主持词
2014/03/14 职场文书
2014年党课学习材料
2014/05/11 职场文书
优秀员工自荐书
2015/03/06 职场文书