vite 打包完如何在本地运行

最新推荐文章于 2024-10-02 00:06:06 发布
最新推荐文章于 2024-10-02 00:06:06 发布
阅读量1.6k 收藏
点赞数 1
分类专栏： vue2 文章标签： 前端
原文链接：https://blog.csdn.net/weixin_44717047/article/details/119484975
版权

先安装 npm install -g serve 服务
再输入 serve -s dist 启动

DarKer_Q
关注
专栏目录
Vue3 - 完美解决 vite 打包后在本地浏览器直接打开运行，build 打包后双击 index.html 直接以 file 协议运行网站（资源、接口等正常访问，和部署到服务器运行效果一样）
王佳斌
09-07 1万+
vue3 vite怎么支持file协议本地打开，vite打包文件如何支持files协议,支持双击即可打开网页，vue3 vite打包后双击本地运行，vue3 vite打包后怎么直接在浏览器双击打开访问，vite打包后显示空白，vite如何支持本地file协议打开，vue3 vite打包后如何本地查看网站，vue3 vite项目打包后本地启动白屏怎么办，vite打包后的代码如何在本地运行，vite+vue3 打包在fIle本地index.html打开项目，打包后如何直接打开index.html文件，vue3
前台后台-vite打包配置
hktkkkk的博客
03-31 1127
vue文件无需再手动导入。
解决Vite+Vue3打包项目本地运行html白屏和报错问题
BreenCL的博客
08-27 1973
解决Vite+Vue3打包项目本地运行html白屏和报错问题
vite 构建运行自定义脚本
最新发布
weixin_64684095的博客
10-02 279
使用 Vite 的插件系统。
使用vite 打包后的代码，如何在本地运行？
热门推荐
weixin_44717047的博客
08-07 1万+
在终端输入 npm run build 即可打包。 可以在dist目录下，看到打包后的文件。 但是如果直接打开html文件，会发现无法运行。 因此可以 在终端输入 npm install -g serve ，安装服务器环境。 接着输入serve -s dist，单击打开http://localhost:5000/即可运行代码。 ...
让 VIte+Vue3 打包的项目，在本地可以双击 index.html 打开运行
11-25 3692
的方式运行，双击 index.html 是无法运行的。通常Vue3打包的项目只能放在web服务器里面，用。如果要在本地运行，可以按照下面的步骤来实现。
VITE+VUE3打包以后点击可以直接运行
qq_37492553的博客
08-31 398
主要是修改base，里面的写法，还有就是上面的Chrome 64还可以兼容安卓7，解决浏览器兼容性问题。上面报错是file协议问题，导致打包以后不能直接运行。
解决vue3 vite 打包之后不能直接打开
dashixiong47的博客
09-14 2400
vue3 vite兼容老版本
vite 打包支持本地运行
10-16
此外，Vite打包生成的文件还可以通过HTTP服务器来提供本地运行。我们可以使用一些流行的HTTP服务器工具，例如Node.js的http-server或Python的SimpleHTTPServer来运行我们的应用程序。只需将打包生成的文件放在服务器...
vue-cli打包后本地运行dist文件中的index.html操作
10-14
标题和描述中提到的核心知识点是如何使用Vue CLI打包后的项目在本地环境中运行。Vue CLI是Vue.js的官方命令行工具，它简化了Vue.js项目...通过理解和掌握这些知识点，可以更好地处理Vue项目打包和本地运行的常见问题。
vue3 - 完美解决 vite 打包后在本地浏览器直接打开运行
01-14
在使用Vite进行开发后，如果需要在本地浏览器中直接打开运行，只需要简单的几个步骤即可实现。 首先，确保安装了最新版本的Vue CLI和Vite。然后，在项目根目录下使用命令行工具运行"npm run build"，这将生成打包后...
如何本地打开vue3+vite+ts项目打包的dist文件夹下index.html进行把玩
洋茄子炒鸡蛋的博客
08-10 6213
最近做一个vue3+vite3+ts的项目，配置了多入口页面，想不通过部署到服务器的方式在本地看一下打包后的效果。
vite打包相关+本地http-server运行打包dist文件进行检测
xhc6666的博客
01-16 1825
vite打包相关+本地http-server运行打包dist文件进行检测
vite 打包本地文件无法直接打开, file 类型 URL 引发跨域等问题探讨
殇尘的博客
02-19 4733
originoriginorigin在浏览器直接打开打包完成的静态 html 页面时，会因为是通过file类型的 URL 来访问各类资源而引发跨域问题。其原因是 HTML 和 URL 规范中对fileURL 的origin内容的提取有着相关规定，一般情况下会返回null。
VIte+Vue3 打包在FIle本地index.html打开项目（不需要起服务）
JSLang333的博客
02-21 9420
VIte+Vue3 打包在FIle本地index.html打开项目（不需要起服务）
【vite】本地打包【vue2.7】 【ant-design-vue1.x】项目
FortheOne的博客
11-13 815
现有vue项目接入vite实现本地打包运行。因为是vue2.7和ant-design-vue1.x的老项目，所以遇到很多问题，本文作了简要记录。
解决vite打包之后项目在本地无法打开得问题
m0_64810484的博客
11-06 1360
在vite项目打包时,只配置base得情况下,如果在本地浏览器中打开此项目会报如下错误。使用 @vitejs/plugin-legacy 插件。
【vite-plugin-singlefile】只打包生成一个html文件，支持file协议本地打开
qq_42372534的博客
06-03 764
【代码】【vite-plugin-singlefile】只打包生成一个html文件，支持file协议本地打开。
解决vite打包的项目不能直接用浏览器运行HTML文件
m0_66687901的博客
11-03 2622
1.安装插件@vitejs/plugin-legacy 2.配置vite.config.ts（没有就找vite.config.js） 3.配置路由 4.修改打包后的index.html文件
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值