因为视频录制的时候,vw布局还没有被各厂商广泛采纳,当时flexible仍然是一个有效的办法

后端设置成允许跨域

控制台报的错误是因为你写错了，docment.addEventLitener 其中的listener处少了一个s，还有提示是vscode 安装相关的插件，网上一搜全都有

必须得再刷新以下

安装插件vetur

有点尴尬，但是你是不是也把

DOMContentLoaded

写错了。 我之前是这个写错了

就从你截图的控制台来看,这个不是一个报错信息,这个显示的是devtools信息.
如果说你的字体大小没有发生改变.应该说明你在App.vue中的addEventListener的代码有问题.
show me ur code

你好，目前这种实现方式是不支持字体动态变化的，浏览器窗口更改后，需要重新刷新页面才能获得字体变化，因为这个DOMContentLoaded事件只会在DOM加载完成后触发一次，这样做的目的是考虑到使用场景是移动端，手机的尺寸和分辨率通常是不会变化的，所以只需加载一次即可。如果你想实现动态改变字体大小，可以参考如下的实现方式（监听屏幕尺寸变化）：

window.onresize = () => {
  let fontSize = window.innerWidth / 10
  fontSize = fontSize > 50 ? 50 : fontSize
  const html = document.querySelector('html')
  html.style.fontSize = fontSize + 'px'
}