开发者学堂课程【微服务+全栈在线教育实战项目演练(SpringCloud Alibaba+SpringBoot):前端页面框架登录问题】学习笔记,与课程紧密联系,让用户快速学习知识。
课程地址:https://developer.aliyun.com/learning/course/667/detail/11330
前端页面框架登录问题
内容介绍
一、前端页面框架登录问题
二、项目的目录结构
一、前端页面框架登录问题
1.登录问题
项目启动后使用的是9528端口,访问后进入登录页面,登录页面存在一个小问题,点击 F12,进入以后不点击Console 点击 Network。如果使用的是中文版本,点击网络。网络就是列出当前所有的请求。
点击请求,点击请求中的第一个 login,login 中有一个完整的地https://easymock.com/mock/5950a2419adc231f356a6636/vue-admin/user/login,此地址是框架默认的使用地址。
地址是由
config https://easy-mock.com/mock/5950a2419adc231f356a6636/vue-admin配置。做请求接口都是由请求默认地址所做。
2.目前这个配置为什么不可用?
不是因为配置不对,是因为默认 easy-mock 地址有问题。将登录改成本地地址(自己在接口中写的登录以及操作) 点击登录发现 timeout of 5000ms exceeded 错误(连接超时),请求一直没有响应造成超时错误,改成本地就可以解决了
3.ESLint 插件
不需要安装 ESLint 插件,直接将 index.js 中的 useEslint 改成 flase 而不使用代码检查,因为代码检查可能会出现问题,直接写正确代码就可以
二、项目的目录结构
api//各种接口
assets//图片等资源
camponents//各种公共组件,非公共组件在各自 view 下维护
icons //svg icon
router //路由表
store //存储
styles//各种样式
utils //公共工具,非公共工具,在各自 view 下维护
views //各种 layout
App.vue //***项目项层组件***
main.js //***项目入口文件**
permission.js//认证入口