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集合生成器