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配置文件
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
Nuxt.js nuxt-link与router-link的区别说明
这篇文章主要介绍了Nuxt.js nuxt-link与router-link的区别说明，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-11-11
vue-virtual-scroll-list虚拟组件实现思路详解
这篇文章主要给大家介绍了关于vue-virtual-scroll-list虚拟组件实现思路的相关资料,文中通过实例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2023-02-02
这篇文章主要介绍了Vue.js路由管理器 Vue Router，主要介绍的是路由元信息，命名路由以及嵌套路由等使用方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-08-08
Avue.js是基于现有的element-ui库进行的二次封装，简化一些繁琐的操作，核心理念为数据驱动视图,主要的组件库针对table表格和form表单场景，这篇文章给大家介绍了vue项目中使用AvueJs的相关知识，感兴趣的朋友跟随小编一起看看吧2022-10-10
详解element-ui 组件el-autocomplete使用踩坑记录
最近使用了el-autocomplete组件，本文主要介绍了element-ui 组件el-autocomplete使用踩坑记录，文中通过示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-03-03
项目打包的时候想要删除console.log,本文主要介绍了vue项目打包清除console.log的4种方法,具有一定的参考价值,感兴趣的可以了解游戏2023-11-11
Vue.js 在其运行过程中会将模板编译成虚拟 DOM (VNode),然后再将 VNode 渲染成实际的 DOM 节点,这个过程是由 Vue 内部的编译器和渲染系统完成的,本文给大家介绍了Vue3中虚拟dom转成真实dom的过程,需要的朋友可以参考下2024-09-09
这篇文章主要介绍了详解vue+webpack+express中间件接口使用，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-07-07
这篇文章主要为大家详细介绍了vue实现表单验证小功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-09-09
Vue实现contenteditable元素双向绑定的方法详解
contenteditable是所有HTML元素都有的枚举属性，表示元素是否可以被用户编辑。本文将详细介绍如何实现contenteditable元素的双向绑定，需要的可以参考一下2022-05-05
最新评论