【九月打卡】第8天+学习企业级Vite配置方案

课程名称：基于Vue3，打造前台+中台通用提效解决方案
课程章节：第5章 企业级vite配置方案——让vite得心应手
主讲老师：Sunday
课程链接：https://coding.imooc.com/class/chapter/577.html#Anchor

课程内容：

今天学习的内容包括：

• 明确移动端和PC端的构建顺序
• 构建移动处理工具Mobile Terminal
• 通过Vueuse优化处理方案
• 定义软连接
• 构建VueRouter移动端路由表
• 划分移动端首页模块
• 导入并配置axios
• vite处理服务器
• vite处理环境变量

课程收获：

明确PC端和移动端构建顺序

• TailWind移动优先
  • 判断设备
    • 构建方法来判断（判断屏幕宽度是都低于1280为移动端）
      • 实际工作通过正则那useage的接口来判断
• Vue.use8.1.2
  • useWindowSize 响应式获取屏幕尺寸

定义软连接

• vite默认不支持@ 要手工配置alias

构建vueRouter移动端路由表

• 前台页面要好看，使用history模式
• 通过前面的方法来判断采用哪个路由

划分移动端首页模块

• 对页面拆分
  • header页面分为，移动段和pc端

导入和配置axios

• 0.26.1
• 封装request
  • 配置icode

vite处理代理服务器

• 设置代理

vite处理环境变量

课程学习截图