主页Html

位置:public =》 index.html

功能:
1、整个web应用唯一的页面,
2、里面有Header(meta、link、title、style)
3、页面的各种引用(包括开发环境和生产环境),如
4、设置了网页小图标
5、默认出现加载资源的界面,加载完成后会直接被Vue里面的App.vue替换

注意

Vue引用

vue的引用有2个,一个是用于开发环境,一个是用于生产环境,主要的区别就是:
(1)生产环境的代码是经过丑化,开发环境的没有
(2)生产环境的是屏蔽了Vue开发工具Devtools的。
打包时要注意注释掉

  1. <!-- <script src="<%= BASE_URL %>cdn/vue/vue.min.js" charset="utf-8">//生产环境</script> -->
  2. <script src="<%= BASE_URL %>cdn/vue/vue.js" charset="utf-8">//开发环境</script>

网页图标

位置:public =》 xxx.ico
功能:网页的小图标

一般都放在public里面,打包导出时,会原封不动导出,不会重命名
image.png

本地引用cdn

位置:public =》cdn
功能:
1、如果整个前端是部署在本地的服务器,这样本地的cdn引用可以加快访问速度
2、如果前端是部署在云服务器,这样最好不要用本地的引用cdn,最好用网络上的,这样可以提高用户的访问速度。
因为本地的,用户访问时,会下载下来,占用了服务器的带宽。
而用网络上的cdn,用户访问时会同时下载其他网站的cdn和下载我们的前端页面,把流量分开到其他别人的服务器上,起到分流的效果。

图标库cdn引入 iconfont

通过本地的方法使用阿里巴巴矢量图标库的图标,使用方法见下
Avue-Cli 图标库

图片资源 img、svg

位置:public =》img、public =》svg
功能:
1、存放基本所需的公共img,如背景、404页面图片等
2、存放动态图片svg,如加载时转动的图片loading-spin.svg

检测浏览器工具 screen

位置:public =》util =》screen
功能:
检测浏览器类型,如果是IE6-9则显示版本太低,提示换浏览器

引入位置:未知

加密工具 crypto-js

位置:public =》util =》aes.js
功能:
密码学加密,加密对象未知

================

打包导出部署

Vue引用

https://www.yuque.com/yejielin/mypn47/sis1mg#EgZBn