本地运行打包好的dist

最新推荐文章于 2025-04-10 08:30:00 发布
最新推荐文章于 2025-04-10 08:30:00 发布
阅读量1k 收藏 3
点赞数 2
分类专栏： three.js vue 文章标签： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_41739657/article/details/144266334
版权

  1. 首先输入打包命令 每个人设置不一样 一般人 是npm run build如果不知道可以去package.json里去看。
    在这里插入图片描述

  2. 打包好文件如下
    在这里插入图片描述

  3. 命令行输入 :npm i -g http-server

在这里插入图片描述

  1. 进入到dist目录下输入 命令cmd

在这里插入图片描述

在这里插入图片描述
输入 http-server

在这里插入图片描述
在这里插入图片描述
成功

开发环境运行dist
weixin_44083583的博客
04-16 845
本地开发环境想运行dist,即vue / react build后的产物。 方式1： express方式，不适合history路由 /** * 新建根目录下(与 dist 同级) server.js * vue-router mode:hash * 启动 node server.js */ const express = require("express") const app = express(); const port = 3001 // maxAge 强制缓存时间，单位是毫秒 app.use
vue笔记1：创建项目，打包本地运行dist，vue cli gitee pages部署运行404坑
qq_43594321的博客
10-20 2255
打包本地运行dist 官方文档中的本地预览: dist 目录需要启动一个 HTTP 服务器来访问 (除非你已经将 publicPath 配置为了一个相对的值)，所以以 file:// 协议直接打开 dist/index.html 是不会工作的。在本地预览生产环境构建最简单的方式就是使用一个 Node.js 静态文件服务器，例如 serve： cnpm install -g serve # -s 参数的意思是将其架设在 Single-Page Application 模式下 # 这个模式会处理即将提到的路由问
前端打包运行dist的三种方法
missCheney的博客
07-16 2898
前端运动部署dist的三种方法总结
vscode本地启动打包后的dist文件（http-server）
最新发布
qq_45838276的博客
04-10 225
vue项目本地打包测试，本地运行dist文件夹
团酱
05-17 1928
根目录下创建 .env.development .env.production .env.staging。
vue打包后dist文件在本地启动运行
qq_38902432的博客
04-04 5359
vue项目开发好后，想在本地运行测试最后的打包文件可以通过http-server来启动。最后在浏览器输入：127.0.0.1:9007就可以查看了。
在本地启动运行打包后的dist文件
qq_45108629的博客
11-29 856
……
vue3项目打包后，将dist文件在本地运行
weixin_66582617的博客
03-05 2346
vue3项目开发好后，打包完成，想在本地运行测试打包文件可以通过http-server来启动。2、打包完成后，进入dist打包文件。4、启动dist文件，并指定端口。3、安装http-server。
怎么在本地运行打包文件dist
李木有大本事的博客
07-29 2385
怎么在本地运行打包文件dist #step1 安装serve npm install serve --save -g #step2 进入到dist目录 cd ???/dist #step3 执行serve serve #项目就会在5000端口运行
vue项目之后生成的dist文件本地运行
weixin_66579278的博客
12-20 557
【代码】vue项目之后生成的dist文件本地运行。
Vue打包好的dist如何在本地运行
qq_34068440的博客
10-28 3019
方法1:进入dist文件夹，运行 http-server。
vue-cli打包后本地运行dist文件中的index.html操作
10-14
标题和描述中提到的核心知识点是如何使用Vue CLI打包后的项目在本地环境中运行。Vue CLI是Vue.js的官方命令行工具，它简化了Vue.js项目...通过理解和掌握这些知识点，可以更好地处理Vue项目打包和本地运行的常见问题。
项目打包运行dist以及nginx配置
04-11
在IT行业中，项目打包运行和Nginx配置是两个关键环节，它们对于应用程序的部署和发布至关重要。这里我们将深入探讨这两个主题。 首先，项目打包运行通常指的是将开发完成的前端或后端应用转换为可部署的形式。对于...
详解webpack打包vue项目之后生成的dist文件该怎么启动运行
12-12
为了运行打包后的 Vue 项目，可以将其部署到一个服务器上，这里使用 Express.js 作为简单的 HTTP 服务器。Express 是一个基于 Node.js 的 Web 应用框架，非常方便用于搭建快速、简洁、灵活的网络应用。首先需要全局...
ant design pro 打包后，dist进行本地运行
洪伟富专栏
08-13 3307
ant design pro 打包后，dist进行本地运行 1.在项目中npm run build,即可进行项目的打包，这里耐心等一下就好，打包完以后，最终会生成一个dist文件。 2.下载nginx，启用代理服务，目的是为了替代ant design pro proxy.js里面配置的代理。因为项目打包以后，代理是不会生效了的。 可以参考官方的配置：https://pro.ant.design/do...
vue-cli打包之后的dist文件无法运行index.html
za_az的博客
03-29 5906
vue版本 "vue": "^2.5.2","webpack": "^3.6.0", 问题 打包之后的 dist 文件下面包含 static 文件和 index.html 文件，直接打开index.html文件为空白，控制台会有很多错误 解决方法 build/util.js if (options.extract) { return ExtractTextP...
本地运行vue的dist文件
qq_40068304的博客
05-23 1668
1、全局安装express-generator npm install express-generator -g 2.项目初始化(这里把项目名设置为server) express -e server 3.进入项目根目录cd server → npm i 安装依赖 → npm start 运行 4.将dist中文件复制到server 中 public文件中 5、浏览器输入http://localhost:3000查看项目 ...
本地运行vue dist文件
热门推荐
韩大璐
08-08 1万+
vue打包命令 npm run build 运行这个命令会在目录中生成一个dist文件夹 在服务器部署vue项目只需要把这个文件夹给后台就可以了 但是打包之后我们需要在本地先自测一下，下面就是踩过的一些坑： 静态资源路径问题——空白页面 解决方法： 打开脚手架的config文件中的index.js文件， 把build对象内的assetsPublicPath(发布路径)改为"./"。 默认的情况下是...
本地运行vue打包的dist文件
a754334599的博客
03-09 2172
1、全局安装 express-generator 执行命令 npm install express-generator -g 2、 项目初始化(这里把项目名设置为server) express -e server 3、进入项目根目录 cd server → npm i 安装依赖 → npm start 运行 4、将dist中文件复制到server 中 public文件中 5、浏览器输入http://localhost:3000查看项目 ...
webpack打包vue项目之后生成的dist文件本地运行
09-02
在使用webpack打包vue项目后生成的dist文件，我们可以通过以下步骤在本地运行： 1. 首先，我们需要将dist文件夹复制到我们项目的根目录下。假设我们的项目名为"my-project"，现在我们的项目目录结构如下： ``` my-...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值