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 相关文章推荐
prototype Element学习笔记(篇一)
Oct 26 Javascript
javascript iframe内的函数调用实现方法
Jul 19 Javascript
js不能跳转到上一页面的问题解决方法
Mar 01 Javascript
通过javascript获取iframe里的值示例代码
Jun 24 Javascript
JavaScript将字符串转换为整数的方法
Apr 14 Javascript
用JavaScript显示浏览器客户端信息的超相近教程
Jun 18 Javascript
对jQuary选择器的全面总结
Jun 20 Javascript
vue中渐进过渡效果实现
Oct 27 Javascript
BACKBONE.JS 简单入门范例
Oct 17 Javascript
Angular2使用vscode断点调试ts文件的方法
Dec 13 Javascript
详解在网页上通过JS实现文本的语音朗读
Mar 28 Javascript
vue data变量相互赋值后被实时同步的解决步骤
Aug 05 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自动生成月历代码
2006/10/09 PHP
PHP实现获取ip地址的5种方法,以及插入用户登录日志操作示例
2019/02/28 PHP
php版本CKEditor 4和CKFinder安装及配置方法图文教程
2019/06/05 PHP
PHP高并发和大流量解决方案整理
2019/12/24 PHP
精解window.setTimeout()&window.setInterval()使用方式与参数传递问题!
2007/11/23 Javascript
js 设置选中行的样式的实现代码
2010/05/24 Javascript
纯js实现背景图片切换效果代码
2010/11/14 Javascript
JavaScript高级程序设计(第3版)学习笔记5 js语句
2012/10/11 Javascript
Three.js源码阅读笔记(光照部分)
2012/12/27 Javascript
JS使用for循环遍历Table的所有单元格内容
2014/08/21 Javascript
Nodejs读取文件时相对路径的正确写法(使用fs模块)
2017/04/27 NodeJs
基于VUE选择上传图片并页面显示(图片可删除)
2017/05/25 Javascript
vue组件初学_弹射小球(实例讲解)
2017/09/06 Javascript
使用 Node.js 实现图片的动态裁切及算法实例代码详解
2018/09/29 Javascript
Vue el-autocomplete远程搜索下拉框并实现自动填充功能(推荐)
2019/10/25 Javascript
从零使用TypeScript开发项目打包发布到npm
2020/02/14 Javascript
原生JavaScript实现幻灯片效果
2021/02/19 Javascript
详解vite2.0配置学习(typescript版本)
2021/02/25 Javascript
python 正则式使用心得
2009/05/07 Python
Python基于回溯法子集树模板解决旅行商问题(TSP)实例
2017/09/05 Python
python2 中 unicode 和 str 之间的转换及与python3 str 的区别
2019/07/25 Python
Python 中的 global 标识对变量作用域的影响
2019/08/12 Python
解决python 3 urllib 没有 urlencode 属性的问题
2019/08/22 Python
tensorflow指定GPU与动态分配GPU memory设置
2020/02/03 Python
pytorch:model.train和model.eval用法及区别详解
2020/02/20 Python
python中什么是面向对象
2020/06/11 Python
Python3爬虫带上cookie的实例代码
2020/07/28 Python
Django自带用户认证系统使用方法解析
2020/11/12 Python
伦敦剧院门票:From The Box Office
2018/06/30 全球购物
英国女鞋购物网站:Moda in Pelle
2019/02/18 全球购物
保洁公司服务承诺书
2014/05/28 职场文书
五心教育心得体会
2014/09/04 职场文书
乡镇党委书记个人整改措施
2014/09/15 职场文书
2015年政务公开工作总结
2015/05/19 职场文书
公司出差管理制度范本
2015/08/05 职场文书
MySQL中utf8mb4排序规则示例
2021/08/02 MySQL