vue项目编译、打包、部署服务器运行

最新推荐文章于 2024-10-29 21:56:44 发布
原创 最新推荐文章于 2024-10-29 21:56:44 发布 · 380 阅读 · 0 ·
CC 4.0 BY-SA版权
Author:baiyun ,Email:mitbaiyun@163.com
文章标签：

#vue.js #前端 #javascript

本文介绍了如何在Vue项目中执行`npmrunbuild`命令生成dist目录，随后打包并使用`http-server`或`npminstallhttp-server`进行本地静态文件服务器的配置，以便于部署和测试。

在vue项目执行npm run build,生成dis目录

在这里插入图片描述

打包dis上传

在这里插入图片描述

安装npm install -g http-server或者apt install node-http-server

`在这里插入图片描述

运行http-server

在这里插入图片描述

vue+netcore项目打包发布部署详细步骤，以及报错处理
02-17
Vue+NETCore项目的打包、发布、部署流程涉及到前端Vue项目的构建、后端.NET Core项目的编译和打包，以及生产环境的配置和部署。在整个过程中，报错处理方法的掌握对于快速定位问题、解决问题至关重要。随着CI/CD的...
Vue 项目部署到服务器的问题解决方法
01-19
相信很多小伙伴在用Vue-cli安装的脚手架开发的时候，在开发环境中项目可以很正常的运行，但是进入到生产环境，编译打包后，放入服务器，项目就不正常了，会出现空白页或者路由跳转404等问题。遇到这些问题不要慌张，...
Vue系列 - 从创建vue到项目打包发布全过程总结
ws6afa88的博客
10-23 1458
1 创建vue 项目 1.1 安装基本环境 1.安装vue和node.js 的express 2.这里假设都安装完npm和node.js环境 vue3.0 安装 npm install -g @vue/cli 1.2 vue3.0创建项目 vue create my-project cd my-project npm run serve # 1.Manually select features # 2.选择Router，Vuex，CSS Pre-processors，
vue学习-打包编译，部署到服务器
qq_43368682的博客
08-28 466
打包 首先设置其读取资源时是在相对路径 增加vue.config.js module.exports={ publicPath:'./' } 然后使用npm run build打包 打包后 部署到服务器 1、创建serve文件夹 app.js let express=require('express') let app=express() app.use(express.static('static')) app.listen(3000,()=>{ console.log("服
Vue项目部署，打包发布上线
zep
06-29 5192
参考vuecli官方文档 一、构建打包 在发布上线之前，我们需要执行构建打包，将 .less、.vue、.js 等相关资源进行编译打包，转换成浏览器可以直接识别运行的普通 css、js、html。 # yarn run build 或者 yarn build npm run build VueCLI 会把打包结果生成存储到项目的 dist 目录中。 正确的话应该会得到这样一个打包结果： 二、本地预览测试打包结果 注意：不能直接双击打开 index.html 运行。 将 dist 放到一个 Web .
如何快速部署vue项目
qq_43558959的博客
07-02 6217
如何快速部署自己的vue项目呢，读完这篇文章你应该可以获得自己想要的答案
Vue环境安装和部署
Jim Zheng
11-12 1374
开发环境安装与部署
Vue打包项目，并部署到Linux服务器中(详细过程)_vue项目部署到linux服务器
2401_83947353的博客
05-11 739
最全的Linux教程，Linux从入门到精通第一份《Linux从入门到精通》466页内容简介====本书是获得了很多读者好评的Linux经典畅销书**《Linux从入门到精通》的第2版**。本书第1版出版后曾经多次印刷，并被51CTO读书频道评为“最受读者喜爱的原创IT技术图书奖”。本书第﹖版以最新的Ubuntu 12.04为版本，循序渐进地向读者介绍了Linux 的基础应用、系统管理、网络应用、娱乐和办公、程序开发、服务器配置、系统安全等。本书附带1张光盘，内容为本书配套多媒体教学视频。
Jenkins打包部署Vue项目至远程服务器
我是海贼王
09-02 1647
Jenkins打包部署Vue项目至远程服务器 Jenkins打包部署gitee项目至阿里云ECS服务器 Jenkins安装及基础环境配置 Jenkins配置SSH免密登录
vue网页框架环境搭建与项目的编译发布
lx0307的博客
10-14 345
vue2.0环境安装 1.安装 Node.js 下载地址为：https://nodejs.org/en/download/ 下载后默认安装即可，安装完成可以打开cmd窗口， 输入node -v查看安装的版本 2.安装国内镜像 依次安装下面内容: npm install -g npm --registry=https://registry.npm.taobao.org cnpm install -g vue cnpm install -g vue-cli cnpm install -g webpack 3
从零开始的 vue项目部署到服务器详细步骤（vue项目build打包+nginx部署+配置ssl证书）
最新发布
风吹落叶的博客
10-29 6658
未来的开发者们请上座，在这里许多人在自己的电脑做完前端后，下一步就是怎么部署到服务器上对外开放了。ps：默认各位大大已经购买云服务器了哈。我的服务器是ubutu 22.04，第一次跟随本教程的时候最好也是ubuntu系统，避免环境问题。
Vue前端项目部署的三种方案
热门推荐
qq_44741577的博客
05-27 1万+
Nginx(发音为“engine-x”)是一款高性能的 HTTP 服务器和反向代理服务器，同时也是一个IMAP/POP3/SMTP 代理服务器。Nginx最初由 lgor Sysoev 编写，于 2004年发布。反向代理负载均衡静态内容服务HTTP/2 支持SSL/TLS 支持高速缓存。
vue项目构建-打包-发布--简易demo
一个慢的博客
12-06 4741
vue项目构建 打包发布
vue安装、打包、发布
天行健-君子以自强不息
01-17 869
tips:可以在cmd命令窗口输入命令 tasklist /fi "imagename eq nginx.exe" ，出现如下结果说明启动成功。(2)打开命令窗口，切换到nginx解压目录下，输入命令 nginx.exe 或者 start nginx ，回车即可。测试，打开浏览器输入localhost, 注意端口号必须要跟nginx上面配置一样。打开nginx目录下的、conf文件夹下的nginx.conf文件。(1)直接双击nginx.exe，双击后一个黑色的弹窗一闪而过。c.修改nginx配置。
Vue 2 0 从初始化到编译打包发布
weixin_34023982的博客
12-14 194
说明前端 vue 框架不知不觉就这样火起来了，生态圈也是逐渐在完善，后台也是彻底分离了数据给前端，就类似ios 和安卓客户端一样，令人惊奇的是也拥有了前端路由这个概念，更令人兴奋的是用 webpack 打包解决了包和包依赖的问题。二话不说，先上个例子。 ###1.vue + webpack 初始化开发环境 初始化环境首先要全局安装nodejs，webpack环境，至于怎么安装node 环境相信网上...
六、项目发布-- 1.Vue项目构建
m0_64931189的博客
04-17 1244
接下来做项目的构建以及上线发布，包括后台API的编写。
arm机器如何在内网使用vue3项目
pakchoily的博客
05-11 1189
在arm环境内网运行vue3项目
VUE项目发布配置流程
weixin_41619611的博客
08-09 791
VUE项目发布配置流程 一、编译 1、添加配置文件 a、在项目根目录下添加static文件夹，在文件夹下新增config.js文件: ```javascript window.g = { baseURL: 'http://127.0.0.1:3000'// 配置服务器地址 } ``` b、在src/untils/request.js里，修改 const service = axios.create({ baseURL: window.g.baseURL, // url = ba
前端vue3一键打包发布
weixin_39559449的博客
05-12 5304
一键打包发布可以分为两种，一是本地代码，编译打包后发布至服务器，二是直接在服务器上拉去代码打包发布至指定目录中。两种各有使用场景，第一种是前端开发自己调试发布用的比较多，第二种是测试或者其他人员用的多，前端开发将代码上传至git中，测试人员可以在服务器上拉取指定分支如release_V0.1，然后打包发布用于测试。
Vue项目编译部署与度量分析指南
“站点-总计-度量：总计度量值”可能是指在Vue项目中对应用进行性能跟踪和分析的一个度量点，它有助于监控项目的运行状态和性能指标。通过合理配置和使用Vue提供的各种工具与方法，开发者可以构建出高性能、易维护的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

BigData-0

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值