第六十三章-http-server

1.说明

项目编译之后的静态文件是不能直接本地访问的。因为本地访问使用的是file:///协议。而file:///不支持跨域和一些其他特性。比如JavaScript模块、PWA等等。

那么此时就需要换一种访问本地文件的方式了，就是让本地成为一个服务器。通过http来访问。

http-server就可以实现以http形式访问本地文件的目的，但是这个依赖不保证安全，只用于本地测试。

http-server的npm首页：命令行启动一个本地服务器。不安全，但是可以用来测试。

2.安装

yarn add http-server --dev

3.配置脚本

package.json：

{
  // ...
  "scripts": {
    // ...
    "test:gzip": "http-server dist --cors --gzip -c-1",
    "test:br": "http-server dist --cors --brotli -c-1",
    // ...
  },
  // ...
}

上一章

第六十二章-Vite配置-optimizeDeps.exclude

下一章

第六十四章-iconKey集合生成器