vite创建的项目,打包后的文件本地预览报错 Access to script at ‘...‘ from origin ‘null‘ has been blocked by COR

Vite构建的项目打包后,在本地直接预览出现CORS错误,提示file协议不支持import。解决方法是通过全局安装http-server,然后在打包目录下启动服务,指定端口号,避免冲突,从而能够正常预览打包后的项目。
摘要由CSDN通过智能技术生成

报错
Access to script at 'file:///D:/assets/index.c8a16327.js' from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, chrome-untrusted, https.

 vite创建的项目,打包后的文件本地预览报错,原因是file文件不支持import,需要开启个服务。

简单解决办法:
全局安装服务支持 http-sever ,安装后若不配置环境变量,需要使用http-server命令,也可以自己去配置环境变量,此处省略配置方法

npm install http-server -g

进入打包后的文件夹,运行cmd,输入下方命令行,开启一个服务,端口号设置不冲突即可

http-server -p 8090 // 8090为自己设置的端口号,不要跟之前打开的冲突即可 

 

 服务开启成果后,如上图。服务开启时会自动寻找文件夹内的index.html,我们只需要打开图中地址即可正常预览打包后的项目。
 

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值