前言

为做物联网项目而学习本项目，为方便后续复习而记录。

项目搭建

Vue CLI项目结构：

build(webpack的初始化配置)

config(index.js)

node_modules(项目依赖模块)

登录页面开发

前后端分离: 前后端之间通过 RESTful API传递JSON数据进行交流。

后端不涉及页面本身的内容。开发时，前端用前端的服务器（Nginx），后端用后端的服务器（Tomcat）。通过反向代理（将前端的请求通过前端服务器转发给后端）实时观察结果，不需要知道后端的实现内容，只需要知道接口提供的功能。

正向代理是用户主动去访问代理服务器，反向代理是代理服务器主动将信息提供给用户，用户并不知道有代理过程，反向代理可以保护服务器，不暴露服务器的真实地址。

<template>
  <div>
    用户名：<input typr="text" v-model="loginForm.username" placeholder="请输入用户名"/>
    <br><br>
    密码: <input type="password" v-model="loginForm.password" placeholder=""
  </div>
</template>

参考

author: Evan-Nightly [Vue + Spring Boot项目实战]

https://blog.csdn.net/neuf_soleil/category_9287210.html

Miraisen

Vue项目实战

前言

项目搭建

登录页面开发

参考