一、点击登录按钮后工作

1.进行表单校验

（1）在vue3中获取元素

给ref传入null，可以获取对应ref节点

  1. const loginForm = ref(null)

（2）获取响应式数据的值-通过.value
  1. const loginFormInfo = loginForm.value

2.调用登录请求

（1）获取store，从vuex中引入useStore方法并执行
  1. import { useStore } from 'vuex'
  3. const store = useStore()
  5. store.dispatch('user/login')

3.登录后动作

（1）报404错误

image.png
当前指定baseURL为’/api’，所以真实发送的请求为’/api/sys/login’，没有指定域名，所以请求会被键入到当前前端服务中，变为’http://localhost:8080/api/sys/login‘
（2）webpack devServer.proxy 开发环境代理
devServer可以将发送到当前服务器的请求（转发）代理到另一个服务器上