配置MySQL 与登录注册界面（下）

这节课实现注册界面

• 前端页面授权。router index实现。before each函数
• 注册页面
• 登陆持久化。token 存储到本地浏览器

security 设置默认不需要加表头拦截
学习计算机，思想不要被僵化，实验出真知。老师讲的是一方面，最后还是要以事实（计算机为基准）。有什么计划，多去尝试
export default => import 不加括号，任意取名。
记得define $.使用 jquery

                    // 登陆成功，跳转到登陆界面  js里面的Ajax请求后端调用函数
                    if(resp.error_message==="success") {
                        router.push({name:"user_account_login"});
                    }

js文件对逗号，分号不敏感。vue文件，template 与 css对逗号，分号不敏感。只有script写函数要注意逗号，分号
登陆状态持久化。将token 存储到 local storage。刷新后跳转到 login 页面。login取出token，与云服务器的token对比，结果一致就会自动登录。

            store.dispatch("getinfo",{
                // 如果成功 ,跳转到首页
                success() {
                    router.push({name:"home"})
                },
                error() {

                }
            })

store 注意不要打错。

    <!-- $ 识别全局变量 -->
    <ContentField v-if="!$store.state.user.pulling_info">

dispatch：含有异步操作，例如向后台提交数据，写法： this.$store.dispatch(‘action方法名’,值)
commit：同步操作，写法：this.$store.commit(‘mutations方法名’,值)
总结 使用mutation里面的函数，要用 commit。action 里面的函数，要用 dispatch。
异步操作，放到actions，比如拉取云端信息。同步操作，可以放到 mutations里面。

• 1.Vuex是一个状态管理模式。
  在这种模式下是一个巨大的“视图“，不管在树的哪个位置，任何组件都能获取状态或者触发行为。
• 2.vuex的核心store
  我们不能直接改变store的状态，改变store状态的唯一途径就是提交mutation(commit)
• 3.commit与dispatch
  commit是同步操作

调整外边距。

.edit-field {
    margin-top : 20px;
}

发帖功能，表单功能实现。