vue项目开发记录

1、负载均衡的作用 （1）分摊服务器集群压力 在服务器集群中，Nginx 可以将接收到的客户端请求“均匀地”（严格讲并不一定均匀，可以通过设置权重）分配到这个集群中所有的服务器上 （2）保证客户端访问

项目发包：指的是将前端项目打包为dist文件放置在nginx.conf文件配置的访问路径下，通过服务器地址可以访问到该项目 1、前端vue项目的打包命令一般是npm run build，如果要分开打包

nginx搭建之前需要有云服务器，并且得清楚属于哪一种操作系统（CentOS，ubuntu），不同的操作系统下使用的包管理器不同 一、前期了解 1、连接服务器的三种方式 云服务器自己提供了远程连接的方

1、使用工具：MobaXterm 傻瓜式安装便携版 2、打开安装好的MobaXterm 3、点击session 4、点击SFTP 5、Remote host是要部署到的ip，Username需要配置，

网格布局使用 在父级元素上设置display:grid;表示为网格容器 在父级元素上设置属性grid-template-rows表示你要将多个子元素排成几行； 父级元素上设置属性grid-templa

常见屏幕比例16:9（指的是宽为1920，高为1080的屏幕） 1、若是移动端，可用插件px转vw和vh，可以做到屏幕大小改变时，实时适应屏幕大小 postcss.config.js文件做适配 2、r

路由配置时通过props传的参数，在该组件内可以直接通过props接收 传参数： 在Quarter文件内接收参数：

1、在scss文件内引入，且将scss文件导入到全局，一般都是将自定义字体作为一个单独的scss文件存放，再将该字体文件导入到全局的样式文件内，@import url('./font.scss');，

1、网站一般只要登陆过一次后，接下来该网站的其他页面都是可以直接访问的，不用再次登陆。我们可以通过 token 或 cookie 来实现。（token权限控制(在用户访问路由前，确认该访问用户是否进行

1、先从页面分析，系统从登陆需要login.vue页面，再到系统内部的主页面main.vue，其次就是主页面内的子页面。 login.vue页面 main.vue主页面 menu-tree组件页面 2

1、主要配置分为7个部分：mode、entry、output、module、plugins、devSever、optimization mode：环境模式（development：开发环境、produ

使用ant desgin vue组件、实现图片上传限制图片尺寸范围 需要控制上传图片的比例 上传图片的数量 如果上传图片尺寸影响展示效果，给出相应提示

（1）父路由到子路由 首先要将父页面内添加route-view作为可动态切换的容器，children里面的第一个子路由path留空，第一个子路径会默认继承父path即主页面path，此时共用一个pat