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配置文件
总结
以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。