正文部分后端（省略）

后端就是提供一个接口给前端（controller写接口）

后端接口：/verifyCode

后端端口号：8081

前端

//页面验证码部分<el-form-item prop="code">                    <el-input size="normal" type="text" v-model="loginForm.code" auto-complete="off" placeholder="点击图片更换验证码" @keydown.enter.native="submitLogin" style="width: 250px"/>                    <img :src="captchaUrl" @click="updateCaptcha" alt="" style="cursor: pointer"></el-form-item><script>    export default {        data() {            return {                captchaUrl:'/verifyCode?time='+new Date(),            }        },          //这里是点击刷新验证码，也就是new Date()的作用        methods:{            updateCaptcha(){                this.captchaUrl='/verifyCode?time='+new Date();            }        }    }</script>

//新建一个vue.config.js来处理跨域（node.js+axios)let proxyObj = {};//对斜杠进行代理，普通代理proxyObj['/'] = {    //后期会使用websocket代理    ws: false,    //代理到哪里去    target: ';,    //发送请求头host会被设置为target(';)    changeOrigin: true,    //不重写后端的请求地址    pathRewrite: {        '^/': ''    }}//访问的默认的路径端口module.exports = {    devServer: {        host: 'localhost',      //前端的端口号        port: 8080,        proxy: proxyObj    }}

MVVM和MVC的区别

MVC和MVVM的区别其实并不大，都是一种设计思想。

主要就是MVC中Controller演变成MVVM中的viewModel。MVVM主要解决了MVC中大量的DOM操作使页面渲染性能降低，加载速度变慢，影响用户体验。MVVM各部分的通信是双向的，而MVC各部分的通信是单向的。MVVM是真正将页面与数据逻辑分离放到js里去实现，而MVC里面未分离。MVVM是数据驱动，而MVC是DOM节点操作。

今天就这样吧！搬家有点累了

それでは