vue线上部署请求接口报错net::ERR_CONNECTION_REFUSED
更新时间：2023年06月01日 09:41:00 作者：Charlies.
vue线上部署请求接口报错net::ERR_CONNECTION_REFUSED问题及解决，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
vue线上部署请求接口出现net::ERR_CONNECTION_REFUSED
问题描述
使用springboot和vue开发前后端分离项目时，在本地开发环境访问项目前端请求后端RESTfule接口正常，但部署到云端服务器时，请求后端接口出现net::ERR_CONNECTION_REFUSED错误。
调用浏览器控制台发现no-referrer-when-downgrade
解决方法
将下图请求的baseurl修改为localhost就行
vue项目部署后，刷新提示404
遇到的问题
Vue项目打包部署到线上后，刷新页面会提示404。
这是因为网页访问的是静态绝对路径，而服务器上没有该路径。
解决方法
方法一：
修改src/router/index.js文件中的mode属性，设置为hash。（这种调整，会使url出现"#"）
方法二：
调整nginx.conf配置文件
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
这篇文章主要介绍了Vue绑定对象与数组变量更改后无法渲染问题解决,本篇文章通过简要的案例,讲解了该项技术的了解与使用,以下就是详细内容,需要的朋友可以参考下2021-09-09
这篇文章主要介绍了Vue弹窗的两种实现方式,一种使用.sync修饰符另一种使用v-model，本文通过实例代码给大家介绍的非常详细，需要的朋友可以参考下2022-08-08
这篇文章主要介绍了vue.js如何处理数组对象中某个字段是否变为两个字段方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2025-03-03
这篇文章主要给大家介绍了关于vue.js整合vux中上拉加载下拉刷新的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧。2018-01-01
这篇文章主要介绍了用Vue Demi同时支持Vue2和Vue3的方法,实际开发中，同一个API在不同的版本中可能导入的来源不一样，比如ref方法，本文结合示例代码给大家介绍的非常详细，需要的朋友可以参考下2022-12-12
这篇文章要给大家介绍的是vue和drf以及第三方滑动验证码接入的实现，下文小编讲详细讲解该内容，感兴趣的小伙伴可以和小编一起来学习奥2021-10-10
这篇文章主要介绍了vue中对时间戳的处理方式，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-06-06
Vue.js是JavaScript MVVM（Model-View-ViewModel）库，十分简洁，Vue核心只关注视图层，相对AngularJS提供更加简洁、易于理解的API。接下来通过本文给大家介绍vue的基本用法与常见指令，感兴趣的朋友一起看看吧2017-08-08
本文主要介绍了elementplus card 悬浮菜单的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2023-07-07
在工作中遇到需要前端上传excel文件获取到相应数据处理之后传给后端并且展示上传文件的数据,所以本文就来给大家介绍一下Vue中导入并读取Excel数据的操作步骤,需要的朋友可以参考下2023-08-08
最新评论