区别

浏览器直接打开 本地服务器打开
协议 file协议 http协议
网络请求 不可 可
es6等语法 不可 webpack打包编译后可

为什么file协议打开html文件不能发请求？

  • file协议，用于访问本地计算机中的文件
  • 不能跨域
  • 请求其他服务器数据，连协议都不同自然不能请求

本地服务器打开文件的原理？

  • 文件在本地服务器上打开后，则是在本机上起了一个http服务器。
  • 在浏览器输入localhost:8080，就是访问了本地服务器，再由本地http服务器访问本地文件。