动态导入多个vue页面
在使用vite实现后台管理系统的时候，有个需求是动态导入views文件夹下面的所有页面，在vite1.0版本的时候只能手动写映射关系，升级到vite2.0之后，在本地使用没有问题，打包上生产直接裂开~~，vite提供了
基于用户浏览器 User-Agent 字符串自动生成 polyfill 包的服务
通过插件支持:
通过插件@vitejs/plugin-legacy来支持，它将自动生成传统版本的 chunk 及与其相对应 ES 语言特性方面的 polyfill
兼容版的chunk只会在不支持原生 ESM 的浏览器中进行按需加载
公共基础路径
测试组件时，需要遍历一下本地图片。发现直接给img绑定src
属性
为图片的
url
，图片无法显示。
<template>
<div v-for="item,index in pics" :key="index">
<img :src="item.img" alt="">
</template>
<script>
export default {
name: 'test',
data() {
var students = [
{ name: '张三', age: 18, gender: '男', grade: 90 },
{ name: '李四', age: 19, gender: '女', grade: 85 },
{ name: '王五', age: 20, gender: '男', grade: 92 },
{ name: '赵六', age: 18, gender: '女', grade: 88 },
{ name: '钱七', age: 19, gender: '男', grade: 95 }
每个学生都是
一个
对象
，
包含
姓名、年龄、性别和成绩四个
属性
。这样建立的
对象
数组可以方便地进行遍历、排序、筛选等操作。
has been blocked by CORS policy: Request header field secret is not allowed by Access-Control-Allow-
