(1)安装动态界面预览服务器node
(2)Microsoft VS Code中搭建Vue脚手架
(3)前端VUE框架构建界面
(4)echarts图表应用
(5)json-server的基本使用
以上是搭建简易项目,实际项目还要进行封装和拦截
中高级前端才用到封装。
下面封装axios
前端文件在src文件夹下,
utli是工具文件夹,
用户每提交一次表单都会将用户名,密码带上进行验证,会数据冗余,将共用信息写到拦截器中只用在拦截器中写一次,
// ctrl+/ 选几行代码就注释几行
webstrom中注释的快捷键是ctrl+shift+/
用户token
src–>api–>indexApi.js(Api封装)将拦截器导入import
主页所有请求mainApi.js
…/ 跳到上一级目录
then((res))此处res指从后端拿数据
export导出才能引入
params 传参固定写法,拼接地址栏
data是取数据