search

go-admin-team / go-admin-ui

基于Gin + Vue + Element UI & Arco Design & Ant Design 的前后端分离权限管理系统的前端模块
https://www.go-admin.dev
MIT License
1.16k stars 716 forks source link

前端无法显示验证码的解决方案 #187

Closed q629988171 closed 2 years ago

q629988171 commented 2 years ago

环境说明

故障描述

1.通过 http://192.168.2.209:9527/ 访问，无法显示验证码

2.提示“服务器连接异常，请检查服务器！”

3.Failed to load resource: net::ERR_CONNECTION_REFUSED

http://127.0.0.1:8000/api/v1/captcha http://127.0.0.1:8000/api/v1/app-config

4.通过浏览器可以访问验证码接口，正确返回json。

http://192.168.2.209:8000/api/v1/captcha http://192.168.2.209:8000/api/v1/app-config

复现过程

go-admin和go-admin-ui两个项目默认放在同一级目录下

启动后端

cd ./myproject/go-admin ./go-admin server -c config/settings.dev.yml

启动前端

cd ./myproject/go-admin-ui npm run dev

尝试操作

关闭防火墙

关闭selinux

关闭IPV6

解决方案

编辑前端请求接口的配置文件 .env.development

VUE_APP_BASE_API = 'http://192.168.2.209:8000'

参考

打包前端文件并上传

特别说明

通过搜索 '127.0.0.1' 找到