vue.js

关注公众号 jb51net

关闭
首页 > 网络编程 > JavaScript > javascript类库 > vue.js > 线上部署请求接口报错net::ERR_CONNECTION_REFUSED

vue线上部署请求接口报错net::ERR_CONNECTION_REFUSED

作者: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配置文件

总结

以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。

您可能感兴趣的文章:
阅读全文