vue 项目启动成功后chrome一直不停的报错WebSocket connection to ‘ws://localhost:8080/api/handler‘ failed: Invalid frame header项目解决方式是将vue.config.js代理中ws:true改为falseproxy:{ '/':{ target: { host: '40.31.4.28:8080', },

一、使用 iframe 标签嵌套页面1、简单了解一下（1）什么是 iframe？　　iframe 标签会创建一个行内框架（包含另一个文档的内联框架）。　　简单地理解：页面中嵌套另一个页面。（2）使用场景？　　有的项目需求，需要在当前页面中显示外部网页，比如访问csdn、查看接口文档等，此时就可以使用 iframe 标签，嵌套一个页面。（3）简单使用一下 修改common下的content.vue<template> <el-main class="c..

目录一、引入 vue-router 进行路由管理1、简单了解下2、项目中使用3、导航守卫、路由元信息二、模块化封装 axios 请求1、简介2、代码实现一、引入 vue-router 进行路由管理1、简单了解下　　之前在 搭建基本页面时，已经简单使用过，这里再深入了解一下。1）文件格式如下　　由于创建项目时，指定了 router，所以 vue-cli 自动生成了 router 文件夹以及相关的 js 文件。2）手动引入 router（可选操作）。　..

一、引入 vuex 进行状态管理1、简介vuex指的是一种状态管理模式，集中式管理所有组件的状态（管理数据）。【vuex 官方文档：】 https://vuex.vuejs.org/zh/guide/使用场景分析：Home.vue 页面中，Header 部分有个折叠按钮，点击之后，可以折叠与展开 Aside 组件，这之间就设计到数据在组件间的共享。使用 vuex 后，数据统一管理，当数据发生变化时，其所有引用的地方均会修改。2、安装、模块化使用 vuex...

一、引入、封装 mock1、简介项目开发的时候，有时候后端接口不给力，要是必须从后端获取数据，没有其他方式获取数据，那就很蛋疼了（只能等后端接口正常，才可以继续开发前端）。mock 是一个数据模拟生成器，用于帮助前端独立于后端进行开发，其模拟 ajax 并返回相应的数据，从而使前端不必依赖于后端接口，方便开发。2、封装要求定义不同的模块，用于响应不同组件的请求。可以方便、快捷的关闭某个模块、或者某个请求的处理（关闭请求处理后，可以直接访问后端接口）。3、安装并引入mock1》安装

一、引入js-cookie1、简介为了保存 token 值，可以使用 cookie 或者 localStorage 或者 sessionStorage 保存。此处采用 cookie 进行保存，所以引入 js-cookie 插件，用于操作 cookie。2、token1》简单理解一下 token 是什么？直译为 “令牌”，是由服务端生成的一串字符串，作为客户端进行请求的一个标识。2》token 一般用在什么时候？一般用于用户第一次登录系统时，服务端生成一个 token，返回给客户端，

一、定义主页面主页面 可以拆分成多个组件，每个组件负责一部分页面的显示。　　拆分成 Header、Aside、Footer、Content 四个页面。其中：　　Header 用于定义导航栏信息　　Aside 用于定义菜单栏信息 Footer 用于定义底部信息　　Content 用于显示各个菜单选项的页面1》config配置路径（1）简介（2）安装npm install path ...

一、安装 element-ui1》简介UI框架。使用 element-ui 用于实现页面的绘制。【官网：】 https://element.eleme.cn/#/zh-CN 【文档：】 https://element.eleme.cn/#/zh-CN/component/installation2》安装UI框架。使用 element-ui 用于实现页面的绘制。【安装方式一：（npm 安装）】 npm i element-ui -S...

直接上步骤一、登录并点击右上角新建按钮二、进入新建页面 填写相关信息并点击创建三、 进入页面 并根据提示操作四、命令行输入相关命令五、回到gitee查看仓库 已经提交成功...

项目介绍使用 vue 以及 element-ui 搭建一个 后台管理系统的模板。纯属练手（写的比较糙 望指点）基本环境搭建 初始化项目使用 vue 以及 element-ui 搭建一个 后台管理系统的模板。纯属练手（写的比较糙 望指点）1、初始化项目（babel vuex router eslint）vue create sandcms2、等待 出现以下提示 进入项目并启动3、启动项目 成功后进入以下界面 即创建成功npm run serve...