本地打开打包后的dist文件报错的解决方法

news2024/11/18 3:48:52

出现问题

本地直接打开dist文件夹会报错,报错信息类似于:
Access to script at 'file:///D:/assets/index.9cb0ffcc.js' from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: chrome, chrome-extension, chrome-untrusted, data, http, https, isolated-app.

解决方法

1.全局安装服务支持 http-sever:

npm install http-server -g

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

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

在这里插入图片描述

完成后即可正常访问项目

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/2169594.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

TypeScript基础语法与面对对象

TypeScript 基础语法 TypeScript 与面向对象 面向对象是一种对现实世界理解和抽象的方法。TypeScript 是一种面向对象的编程语言。面向对象主要有两个概念:对象和类 对象:对象是类的一个实例(对象不是找个女朋友),有…

【优选算法】(第四篇)

目录 三数之和(medium) 题目解析 讲解算法原理 编写代码 四数之和(medium) 题目解析 讲解算法原理 编写代码 三数之和(medium) 题目解析 1.题目链接:. - 力扣(LeetCode&…

接口返回动态列名及动态列数据结构

接口返回动态列名及动态列数据结构代码方案 在开发过程中,有时我们需要处理动态表头和动态列数据的问题。特别是在一些数据统计或报表类需求中,列名和数据都可能随着时间或条件发生变化。本文将结合实际代码和表格展示,详细说明如何在接口中…

微信阅读网站小程序+ssm论文ppt源码调试讲解

第2章 开发环境与技术 微信阅读网站小程序的编码实现需要搭建一定的环境和使用相应的技术,接下来的内容就是对微信阅读网站小程序用到的技术和工具进行介绍。 2.1 MYSQL数据库 本课题所开发的应用程序在数据操作方面是不可预知的,是经常变动的&#xf…

Linux中的tr命令详解

1, 将小写字母转换为大写字母: echo "hello" | tr a-z A-Z但是限定字母的范围的话,是什么输出你们知道吗? echo "hello" | tr a-l A-L2,删除特定字符: 比如,删除所有的数…

【吊打面试官系列-MySQL面试题】MySQL锁的优化策略?

大家好,我是锋哥。今天分享关于【MySQL锁的优化策略?】面试题,希望对大家有帮助; MySQL锁的优化策略? 1、读写分离 2、分段加锁 3、减少锁持有的时间 4.多个线程尽量以相同的顺序去获取资源不能将锁的粒度过于细化,不然可能会…

算法工程师重生之第十六天(二叉搜索树的最小绝对差 二叉搜索树中的众数 二叉树的最近公共祖先 )

参考文献 代码随想录 一、二叉搜索树的最小绝对差 给你一个二叉搜索树的根节点 root ,返回 树中任意两不同节点值之间的最小差值 。 差值是一个正数,其数值等于两值之差的绝对值。 示例 1: 输入:root [4,2,6,1,3] 输出&#x…

语义元分割学习:一种用于少量样本无线图像分类的TinyML方案

论文标题:Semantic Meta-Split Learning: A TinyML Scheme for Few-Shot Wireless Image Classification 中文标题:语义元分割学习:一种用于少量样本无线图像分类的TinyML方案 作者信息: Eslam Eldeeb, Mohammad Shehab, Hirley…

nvm,一款nodejs版本管理工具

背景 在工作中,我们可能同时在进行2个或者多个不同的项目开发,每个项目的需求不同,进而不同项目必须依赖不同版本的NodeJS运行环境,这种情况下,对于维护多个版本的node将会是一件非常麻烦的事情,nvm就是为…

Dapper 如何确保数据的安全性和防止 SQL 注入攻击?

一、什么是SQL注入攻击 SQL注入攻击是一种常见的网络攻击手段,它利用了应用程序中安全措施不足的问题,允许攻击者插入或“注入”一个或多个SQL语句到原本的查询中。这种攻击可以用于获取、篡改或删除数据库中的数据,甚至可以执行一些数据库管…

java:brew安装rabbitmq以及简单示例

什么是消息队列mq 可以看我之前写的这篇 消息队列MQ rabbitmq简介 RabbitMQ是由erlang语言开发,基于AMQP(Advanced Message Queue 高级消息队列协议)协议实现的消息队列,它是一种应用程序之间的通信方法,消息队列在…

200smart数据日志的功能

称重设备(皮带秤)读取到的数据值总是一直在跳变,无法正确识别称重传感器读取上来的值来判断产品的重量,虽然在程序中增加了取平均值功能(模拟量输入按PLC扫描周期次数求平均值程序),但效果不理想…

什么是聚集索引?

什么是聚集索引? 1、聚集索引的特点2、如何确定聚集索引3、性能优势 💖The Begin💖点点关注,收藏不迷路💖 聚集索引是一种特殊的索引,它直接包含了表中的所有数据行。所以,通过聚集索引&#xf…

代码随想录冲冲冲 Day56 图论Part8

117. 软件构建 这道题是使用拓扑排序的方法 看多个任务有优先级的情况下 怎么排序 对应到这道题就是文件排序 首先要记录每一个点的入度,当一个点的入度为0时,就说明这个点是顶点 然后记录每一个点向那些点相连 之后建立一个queue 寻找一个入度为0的…

弹簧状态检测系统源码分享

弹簧状态检测检测系统源码分享 [一条龙教学YOLOV8标注好的数据集一键训练_70全套改进创新点发刊_Web前端展示] 1.研究背景与意义 项目参考AAAI Association for the Advancement of Artificial Intelligence 项目来源AACV Association for the Advancement of Computer Vis…

Linux中安装ffmpeg

Linux中安装ffmpeg 一、下载二、安装三、测试 一、下载 先到这里下载ffmpeg。 二、安装 先将上传到服务器的某一目录,我这里是: /usr/local/ffmpeg 然后解压,解压命令如下: tar -xvf “你的安装包名称”我的是: ta…

流浪软件uniaccess agent 删除

cmd的C盘找不到就用git rm -rf 之后,只剩下 俩文件夹删不掉 然后360软件就看到了,可惜卸载失败 然后360文件就找到了,彻底删除 再回git 查看 方法 https://blog.51cto.com/u_16099347/11352333 https://blog.csdn.net/xioayu96/article/…

Linux下线程间的通信

为什么需要线程通信? 线程是操作系统调度的最小单元,拥有自己的栈空间。如果线程之间孤立运行,可能会导致资源浪费。线程需要协调工作以完成共同的任务,这就需要线程间相互通信 在 Linux 系统中,线程间通信&#xff…

请问这张图是ai绘画吗?

小白可做!全自动AI影视解说一键成片剪辑工具https://docs.qq.com/doc/DYnl6d0FLdHp0V2ll 先来结论,找到用这图的某宝店老板了,老板说不是AI画的。 真相只有一个,有图有真相 再来化身柯南,看看寻找答案的过程 要判断这张…

重考!CSP-J/S 2024第一轮认证泄题后续进展及疑问

2024年9月26日晚间,NOI官网发布了”对部分被认证者进行CSP-J/S 2024第一轮重新认证的公告“,对少儿编程培训机构老师举报陕西鸿泉教育培训机构泄题一事进行了最新的回应。 对涉嫌参加该机构培训的学生的CSP-J/S 2024第一轮入门级、提高级认证成绩不予认可…