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实现table单双行不同显示并能单行选中
Jul 25 Javascript
javascript 动态table添加colspan\rowspan 参数的方法
Jul 25 Javascript
基于JQuery的密码强度验证代码
Mar 01 Javascript
jQuery实现向下滑出的二级菜单效果实例
Aug 22 Javascript
JavaScript中的return布尔值的用法和原理解析
Aug 14 Javascript
Angular5.1新功能分享
Dec 21 Javascript
angular1配合gulp和bower的使用教程
Jan 19 Javascript
ES6的Fetch异步请求的实现方法
Dec 07 Javascript
详解JavaScript中的强制类型转换
Apr 15 Javascript
详解vue项目中调用百度地图API使用方法
Apr 25 Javascript
解决LayUI数据表格复选框不居中显示的问题
Sep 25 Javascript
Vue实现移动端拖拽交换位置
Jul 29 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
谈谈PHP语法(2)
2006/10/09 PHP
DISCUZ 分页代码
2007/01/02 PHP
PHP 字符串加密函数(在指定时间内加密还原字符串,超时无法还原)
2010/04/28 PHP
php获取ip的三个属性区别介绍(HTTP_X_FORWARDED_FOR,HTTP_VIA,REMOTE_ADDR)
2012/09/23 PHP
PHP空值检测函数与方法汇总
2017/11/19 PHP
PHP开发实现快递查询功能详解
2019/04/08 PHP
PHP连接SQL server数据库测试脚本运行实例
2020/08/24 PHP
用JS实现的一个include函数
2007/07/21 Javascript
ExtJS 简介 让你知道extjs是什么
2008/12/29 Javascript
javascript对数组的常用操作代码 数组方法总汇
2011/01/27 Javascript
JS将光标聚焦在文本最后的实现代码
2014/03/28 Javascript
Nodejs学习笔记之入门篇
2015/04/16 NodeJs
jQuery中next方法用法实例
2015/04/24 Javascript
javascript中一些util方法汇总
2015/06/10 Javascript
javascript截图 jQuery插件imgAreaSelect使用详解
2016/05/04 Javascript
jQuery unbind 删除绑定事件详解
2016/05/24 Javascript
JS实现兼容各种浏览器的获取选择文本的方法【测试可用】
2016/06/21 Javascript
使用OPENLAYERS3实现点选的方法
2020/09/24 Javascript
JavaScript基础进阶之数组方法总结(推荐)
2017/09/04 Javascript
JS设计模式之状态模式概念与用法分析
2018/02/05 Javascript
JS表单传值和URL编码转换
2018/03/03 Javascript
JS实现同一DOM元素上onClick事件与onDblClick事件并存的解决方法
2018/06/07 Javascript
javascript闭包的使用之按钮切换功能
2018/08/30 Javascript
JavaScript惰性求值的一种实现方法示例
2019/01/11 Javascript
js微信分享接口调用详解
2019/07/23 Javascript
判断“命令按钮”是否被鼠标单击详解
2019/07/31 Javascript
JS数组方法concat()用法实例分析
2020/01/18 Javascript
关于vue 结合原生js 解决echarts resize问题
2020/07/26 Javascript
python生成日历实例解析
2014/08/21 Python
Flask入门教程实例:搭建一个静态博客
2015/03/27 Python
Python构建图像分类识别器的方法
2019/01/12 Python
python opencv如何实现图片绘制
2020/01/19 Python
css3实现的多级渐变下拉菜单导航效果代码
2015/08/31 HTML / CSS
2015年学雷锋活动总结
2015/02/06 职场文书
2015年医院保卫科工作总结
2015/07/23 职场文书
2019年“我为祖国点赞”演讲稿(3篇)
2019/09/26 职场文书