vue项目npm run build 打包之后如何在本地访问

ops/2024/11/14 21:04:15/

npm_run_build__0">vue项目npm run build 打包之后如何在本地访问

如果直接访问时,则会报错如下的信息:
报错码:

Access to script at 'file:///D:/assets/index-DDVBfHVo.js' from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, isolated-app, chrome-extension, chrome, https, chrome-untrusted.
index-DDVBfHVo.js:1 Failed to load resource: net::ERR_FAILED
index.html:1 Access to CSS stylesheet at 'file:///D:/assets/index-DCsNNTuD.css' from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, isolated-app, chrome-extension, chrome, https, chrome-untrusted.
index-DCsNNTuD.css:1 Failed to load resource: net::ERR_FAILED
/D:/favicon.ico:1 Failed to load resource: net::ERR_FILE_NOT_FOUND

在这里插入图片描述
本地访问的解决方案:
打包后不能直接打开访问,需要启一个服务,通过服务来访问,具体操作过程如下:
1、安装serve(在cmd命令行输入)
npm i -g serve

2、打包项目
npm run build 生成dist文件夹

3、本地访问(在dist文件夹内)
serve dist
如图所示:
在这里插入图片描述


http://www.ppmy.cn/ops/20674.html

相关文章

WebMvcConfigurer(一)介绍

一、简介 WebMvcConfigurer配置类其实是Spring内部的一种配置方式,采用JavaBean的形式来代替传统的xml配置文件形式进行针对框架个性化定制,可以自定义一些Handler,Interceptor,ViewResolver,MessageConverter。基于j…

基于深度学习神经网络的AI图片上色DDcolor系统源码

第一步:DDcolor介绍 DDColor 是最新的 SOTA 图像上色算法,能够对输入的黑白图像生成自然生动的彩色结果,使用 UNet 结构的骨干网络和图像解码器分别实现图像特征提取和特征图上采样,并利用 Transformer 结构的颜色解码器完成基于视…

Penpad 再获 Animoca Brands 投资,全新生态历程

Penpad 是 Scroll 生态的 LaunchPad & Yield Aggregator 平台,该平台近日在融资上取得了系列进展。据悉,Penpad 在前不久率先获得了来自于 Gate Labs 以及 Scroll 联合创始人 Sandy Peng 的融资,并且在近日,其又获得了来自于知…

Swift手撸轮播效果

一、创建ScrollView objcMembers class LSLottieAnimView: UIView, UIScrollViewDelegate {private var scrollView: UIScrollView UIScrollView()func addScrollView() {scrollView.showsHorizontalScrollIndicator falsescrollView.isPagingEnabled true// 自定义framesc…

深入探究音视频开源库WebRTC中NetEQ音频抗网络延时与抗丢包的实现机制

目录 1、引言 2、WebRTC简介 3、什么是NetEQ? 4、NetEQ技术详解 4.1、NetEQ概述 4.2、抖动消除技术 4.3、丢包补偿技术 4.4、NetEQ概要设计 4.5、NetEQ的命令机制 4.6、NetEQ的播放机制 4.7、MCU的控制机制 4.8、DSP的算法处理 4.9、DSP算法的模拟测试…

Matlab绘制对数轴

Matlab绘制对数轴 在Matlab中,可以使用semilogx和semilogy函数分别绘制对数坐标轴和线性坐标轴的图形,可以使用loglog绘制双对数轴图形。 使用semilogx函数绘制对数x轴的图形示例: x linspace(0.1, 10, 100); % 生成从0.1到10的100个等间隔…

mmdetection3.1.0 bug(已解决)

mmdetection版本3.1.0 想这训练rpn网络,但是训练后val的时候出现了问题,根据Traceback,找到bug。 报错信息:ValueError: setting an array element with a sequence. The requested array has an inhomogeneous shape after 1 dim…

kafka学习1 - 线程、进程消息通信方式、JMS模型、Kafka原理图

1、线程和线程之间的数据交互 两个不同的线程之间是可以通过堆内存的方式进行数据交互的; T1线程的数据发送得到堆内存,T2线程就可以共享堆内存的数据。 存在的问题: T1线程发送数据的速率是50/s,T2线程消费的速率是30/s&#…