如何本地部署dist文件夹

最新推荐文章于 2024-07-16 14:46:22 发布
最新推荐文章于 2024-07-16 14:46:22 发布
阅读量6.4k 收藏 1
点赞数
分类专栏： Vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/fwhezfwhez/article/details/85250904
版权

assume you’ve got a runnable dist folder

yarn build / npm build后会生成一个dist文件夹
如何本地部署它
yarn global add expess-generator 安装express
mkdir local-dists
cd local-dists
express helloworld
cd helloworld
把dist文件夹下所有内容，复制粘贴进 helloworld/public
yarn start
浏览器输入:
http://localhost:3000
成功输出helloworld

fwhezfwhez
关注
专栏目录
vue笔记1：创建项目，打包本地运行dist，vue cli gitee pages部署运行404坑
qq_43594321的博客
10-20 2131
打包本地运行dist 官方文档中的本地预览: dist 目录需要启动一个 HTTP 服务器来访问 (除非你已经将 publicPath 配置为了一个相对的值)，所以以 file:// 协议直接打开 dist/index.html 是不会工作的。在本地预览生产环境构建最简单的方式就是使用一个 Node.js 静态文件服务器，例如 serve： cnpm install -g serve # -s 参数的意思是将其架设在 Single-Page Application 模式下 # 这个模式会处理即将提到的路由问
本地vue项目部署到云服务器
weixin_43788771的博客
08-01 1014
将本地vue项目部署到云服务器上
前端打包的dist文件 怎么用nginx 在 Windows 部署
wei7a7a7a的博客
07-06 1489
（如果在步骤 3 中使用了不同的域名或 IP 地址，请相应地修改 URL）。Windows 的 Nginx 安装程序，并将其安装到您的计算机上。配置 Nginx：安装完成后，在 Nginx 的安装目录中找到。要在 Windows 上使用 Nginx 部署前端打包的。下载 Nginx：首先，您需要从 Nginx 官方网站（文件后，返回到 Nginx 的安装目录，并运行。验证部署：打开您的浏览器，并访问。），并使用文本编辑器打开它。在上面的配置中，请确保将。，这是前端应用的入口文件。配置文件（默认路径为。
前端打包运行dist的三种方法
最新发布
missCheney的博客
07-16 948
前端运动部署dist的三种方法总结
vue2项目打包dist文件后如何部署访问（本地部署和网络部署）
张羽的博客
06-28 5175
前提：1.注意端口的占用，防火墙的放行；2.注意后端服务的请求链接3.记得不要关闭运行4.记得element ui的引入要放在vue版本导入的后面。
Nginx 部署前端项目dist文件
luo0617的博客
07-13 4527
Nginx代理部署上线前端项目
vue项目打包成dist后，如何部署到本地呢
tomotoCoder的博客
05-30 2709
关于webPack打包后 本地启动服务器查看 除了启动apache的方式启动本地服务器，这里介绍一种快捷方式 1.安装http-server 启动mac终端，全局安装： # sudo cnpm install -g http-server 2. 进入dist产出目录 # cd dist 3.开启服务 #hs 运行成功后，访...
vue本地打开build后生成的dist文件夹index.html问题
12-08
npm run build 在dist 文件生成了 index 和 static 文件夹，为什么本地打开不了，给后端就能打开？ 如何才能像访问 npm run dev 的地址那样访问？ 2.种简单方法 2.1 修改配置在本地访问 更改一些路径参数后，然后...
vue-admin-element+Electron打包exe可执行文件(输出为dist文件夹即可)
04-24
这个过程通常是为了将Web应用转化为桌面应用，使得用户可以直接在本地电脑上运行，而无需浏览器支持。 打包流程一般包括以下步骤： 1. **环境准备**：确保你已经安装了Node.js、Vue CLI（Vue.js的命令行工具）以及...
vue-cli打包后本地运行dist文件中的index.html操作
10-14
在打包完成后，我们通常需要将dist文件夹中的内容部署到服务器上，但在部署之前，往往需要在本地环境中测试打包后的应用是否正常运行。这一步骤对于确保部署前的应用稳定性和功能完整性是必不可少的。 描述中提到的...
手把手教你如何Vue项目打包dist文件并Tomcat发布【超级详细】
m0_67392126的博客
07-30 9913
想必大家都知道，vue项目npmrunbuild会直接生成一个dist文件(文件夹)，对吧，那么对于生成的dist文件夹，这怎么发布到服务器啊？就很懵。今天呢，bug菌我就带着大家来揭开这层谜团，手把手教大家如何将vue打包生成的dist文件夹并发布到服务器能被正常访问。...
docker：nginx容器部署dist包
cainiao1123的博客
04-07 1506
1、vue文件打包为dist2、编写dockerfile文件，文件内容仅需要指向nginx即可例: FROM nginx:1.233、使用命令 docker build -f Dockerfile -t 镜像名称 . 打包镜像4、使用 docker pull 镜像名称:版本 下载nginx镜像5、启动dist镜像执行 docker run --name 自定义容器名称 -d -p 自定义端口:80 镜像名称:版本号 6、启动nginx镜像执行 docker run --name 自定义容器名称 -d -p
前端如何在本地localhost部署dist包
hzxOnlineOk的博客
12-30 2060
打包 yarn build打包出dist文件夹 安装Node框架express yarn global add expess-generator 安装express（node框架） 或者 npm install -g express-generator 创建后台目录 mkdir deployDistFile 进入创建的文件夹下 cd deployDistFile 用express创建出后台项目目录及初始文件 express testDist 进入后台目录 cd testDist 安装后台node依赖（nod
dist包在windows的nginx下部署运行
qq_44982110的博客
04-23 869
链接：https://pan.quark.cn/s/e87bbf87a742。我用夸克网盘分享了「nginx-1.18.0.zip」
nginx部署dist包
不会复制粘贴的程序员是一个好程序员。
02-13 2525
nginx部署dist包
nginx部署vue前端项目的dist包
高振的博客
05-07 5736
以nginx作为容器部署vue的前端项目 首先几条必备的linux命令： 1、进入nginx目录：cd/usr/local/nginx/ 2、启动nginx：shsbin/nginx 3、停止nginx：sbin/nginx-s stop 4、重启nginx：sbin/nginx-s reload 5、解压dist.zip: unzip dist.zip 6、删除dist文件...
vue dist包部署到码云服务
King Saj
09-25 484
部署前提 前端必须接入线上的后台服务api 配置webpack(仅适用于vue-cli3以上) 根目录新建vue.config.js module.exports = { // 这里是脚手架的配置, // 其中如果想修改 webpack 配置 publicPath:'./', configureWebpack:{ // 声明在 configureWebpack 属性对象里面即可 // 如果没有这个需要, 这个文件可以不存在 } }
Openfire源码下载与本地部署教程
- 在`Classpath`选项卡中，添加源代码文件夹（如src/i18n和src/resources/jar），以及编译后的jar文件（build/lib/dist）。 - 完成配置后，通过`RunAs`或`DebugAs`运行程序，如果控制台显示成功运行的信息，说明...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值