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 相关文章推荐
学习js在线html(富文本,所见即所得)编辑器
Dec 18 Javascript
javascript验证身份证完全方法具体实现
Nov 18 Javascript
javascript函数作用域学习示例(js作用域)
Jan 13 Javascript
javascript面向对象之this关键词用法分析
Jan 13 Javascript
Jquery的基本对象转换和文档加载用法实例
Feb 25 Javascript
js控制文本框只输入数字和小数点的方法
Mar 10 Javascript
javascript中if和switch,==和===详解
Jul 30 Javascript
JavaScript的Backbone.js框架环境搭建及Hellow world示例
May 07 Javascript
Bootstrap模块dropdown实现下拉框响应
May 22 Javascript
Angular实现可删除并计算总金额的购物车功能示例
Dec 26 Javascript
this在vue和小程序中的使用详解
Jan 28 Javascript
js实现for循环跳过undefined值示例
Jul 02 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
Ext.data.PagingMemoryProxy分页一次性读取数据的实现代码
2010/04/07 PHP
Laravel 默认邮箱登录改成用户名登录的实现方法
2019/08/12 PHP
初识JQuery 实例一(first)
2011/03/16 Javascript
一个不错的字符串转码解码函数(自写)
2014/07/31 Javascript
浅谈JavaScript对象与继承
2016/07/10 Javascript
完美的js div拖拽实例代码
2016/09/24 Javascript
浅谈JavaScript的函数及作用域
2016/12/30 Javascript
原生javascript实现分页效果
2017/04/21 Javascript
Vue底层实现原理总结
2018/02/17 Javascript
浅谈React高阶组件
2018/03/28 Javascript
微信小程序利用云函数获取手机号码
2019/12/17 Javascript
v-slot和slot、slot-scope之间相互替换实例
2020/09/04 Javascript
jQuery使用hide()、toggle()函数实现相机品牌展示隐藏功能
2021/01/29 jQuery
Windows下PyMongo下载及安装教程
2015/04/27 Python
简单讲解Python中的数字类型及基本的数学计算
2016/03/11 Python
详解flask入门模板引擎
2018/07/18 Python
详解python3安装pillow后报错没有pillow模块以及没有PIL模块问题解决
2019/04/17 Python
python单例模式原理与创建方法实例分析
2019/10/26 Python
Django框架请求生命周期实现原理
2020/11/13 Python
联想哥伦比亚网上商城:Lenovo Colombia
2017/01/10 全球购物
Lenox官网:精美的瓷器&独特的礼品
2017/02/12 全球购物
澳洲网红粉泥面膜:Sand & Sky
2019/08/13 全球购物
农贸市场管理制度
2014/01/31 职场文书
店面销售职位的职责
2014/03/09 职场文书
网络优化专员求职信
2014/05/04 职场文书
挂牌仪式策划方案
2014/05/18 职场文书
2014年精神文明建设工作总结
2014/11/19 职场文书
三八红旗手事迹材料
2014/12/26 职场文书
2015年毕业生实习评语
2015/03/25 职场文书
2015年全国保险公众宣传日活动方案
2015/05/06 职场文书
中学综治宣传月活动总结
2015/05/07 职场文书
2015年学校团委工作总结
2015/05/26 职场文书
2016年小学植树节活动总结
2016/03/16 职场文书
redis客户端实现高可用读写分离的方式详解
2021/07/04 Redis
Qt自定义Plot实现曲线绘制的详细过程
2021/11/02 Python
SpringCloud Feign请求头删除修改的操作代码
2022/03/20 Java/Android