前端部署项目

最新推荐文章于 2024-10-19 22:34:04 发布
最新推荐文章于 2024-10-19 22:34:04 发布
阅读量1.6k 收藏
点赞数
文章标签： js less vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_37777899/article/details/121423013
版权

  1. vue 打包命令 npm run build

  2. 打包的时候注意 区分打包后build的assetsPublicPath 的路径 (要不就和router中的base中相同 要不就是/)在这里插入图片描述

  3. 接下来 连接 服务器（出现点小问题https://www.pianshen.com/article/7942469782/）在这里插入图片描述
    解决之后 接下来开始操作服务器中的Nginx

  4. 找到Nginx文件包在这里插入图片描述

  5. 找到nginx.conf 并打开在这里插入图片描述

  6. 打开下面的root文件夹 将打包后的dist文件放入（若assetsPublicPath的路径不是/ 则文件名字改成对应的名字，否则为dist）在这里插入图片描述在这里插入图片描述

  7. 在nginx.conf中添加修改对应的配置在这里插入图片描述

  8. 修改好后 重启nginx

  9. 在应用中配置对应的地址

大嘴猴呀
关注
部署前端项目的几种方案并探讨优缺点
haonanhai1688的专栏
10-19 5169
前端部署作为大前端的知识体系的一部分，是不可或缺的。如果作为软件开发工程师的你开发了一个网站，却不会部署上线，还有请别人帮忙，那知识面确实要扩充下了。而且作为一名前端开发，避免不了与运维部署的同事调试部署流程，如果自己能知道一点前端部署的知识，那合作起来将事半功倍， 本文不会讲很复杂的项目运维配置，点到为止，既能让你快速了解部署的整个流程，又能让你能够毫不费力地部署自己的网站。作为一名前端，一定要知道自己工作内容的上下游是如何流转的,并且掌握一整套的软件开发流程。 前端部署的方式大致有三种， 使用Ng
前端部署项目到服务器
Arui_0的博客
06-12 1650
node.js其实上学的时候学过一些，但是学过的知识全都还给老师了，之后走了前端这条路，不得不拾起node,年前架构师让我部署项目，我一头雾水，之前也没有接触过部署。最后稀里糊涂在同事的帮助下用nginx反向代理了一下，勉强算是部署了。这次因为项目需求，再加上确实也想学习一下部署，同事就把一次小更新的部署交给我了，默默的感谢一波~部署之后发现，往往不是败给了生涩的概念，而是败给了自己内心的恐惧。 写在前面 之前完全没有接触过服务器，对服务器的概念也是一知半解，所以此篇文章适合和我一样的小小小菜鸟观看，望大佬
前端项目部署流程
热门推荐
qq_41709082的博客
10-28 2万+
前端项目部署流程 1.首先我们需要有一台服务器，这里我用的是阿里云ecs服务器。选择的服务器操作系统是linux，下面我们开始从0开始部署一个前端项目到服务器上。 步骤： 一、链接服务器 (1). 我们需要先在自己电脑链接上我们的服务器，我使用的是xshell工具。 # 通过ssh @root[ipaddress] 来链接你的服务器 #（将ipaddress替换成你服务器的公网IP地址） ssh @root[ipaddress] 二、部署一个简单的静态页面 登录成功之后，我们先来部署一个简单的html静态
【前端项目部署上线】
weixin_45313093的博客
05-31 1752
本文将介绍三种前端打包项目上线的方式：本地服务器部署、nginx服务器部署、云服务器部署。
前端项目部署到服务器
m0_58709757的博客
04-02 1万+
前端项目部署到线上
Docker部署前端项目
weixin_44876263的博客
02-29 2159
Docker 是一个用于开发、交付和运行应用程序的开源平台。它利用容器技术，只隔离应用程序的运行时环境但容器之间可以共享同一个操作系统，可以将应用程序及其依赖项打包到一个可移植的容器中，然后发布到任何支持 Docker 的环境中运行，无论是开发人员的个人笔记本电脑、数据中心的虚拟机，还是云服务提供商的主机上。可以理解成一个更轻量级的 虚拟机 并且使用的是本机的操作系统。容器(Container)：容器是一个轻量级、独立、可执行的软件包，包含应用程序及其所有依赖项（如代码、运行时、系统工具、库等）。
宝塔面板部署前端项目
Eliaukoyx
06-25 809
使用宝塔面板 6 步完成前端项目的部署
nginx部署前端项目
抽象的螺旋
05-11 1718
这里简单记录一下自己部署前端项目的过程。
手把手教你部署前端项目
gongruhua的博客
04-01 1万+
手把手教你部署前端项目 1.1 用Vue-cli构建简易前端项目 1.1.1 安装 Vue CLI 包 打开命令行工具，执行下列命令来安装 Vue CLI 包： npm install -g @vue/cli 可以用下面的命令查看是否安装成功： vue --version 1.1.2 创建一个项目 新建一个文件夹，命名为simple-website，在simple-website下运行以下命令来创建项目： vue create frontend 全部选择默认配置即可， 这个过程可能需要几分钟，请耐心等
web服务器nginx+部署前端vue项目
03-22
### Nginx 与前端 Vue 项目的部署 #### 一、Nginx 概述 Nginx 是一款广泛使用的高性能 HTTP 和反向代理 web 服务器。它以其出色的并发处理能力和较低的内存消耗而闻名。根据相关报告，Nginx 能够支持高达 50,000 ...
使用nginx部署前端项目（超详细教程）.pdf
04-29
【使用Nginx部署前端项目】的教程是一个详尽的指南，主要面向初学者，旨在教会读者如何利用Nginx高效地部署前端应用。Nginx是一个高性能的Web服务器和反向代理，因其高并发处理能力和低内存占用而受到广泛青睐。 ...
Vue前端项目部署IIS的实现
10-15
本文将详细介绍如何将Vue前端项目部署到IIS。 首先，确保你的系统已经安装了IIS。如果没有，可以通过以下步骤开启： 1. 按`Win+R`打开运行对话框，输入`control`打开控制面板。 2. 在控制面板中选择“程序” -> ...
sqli-labs less-25a
wanggonghanfei的博客
10-19 195
less-25a数字型注入，and/or绕过
sqli-labs less-26 空格绕过
wanggonghanfei的博客
10-13 877
sqli-labs less-26 空格绕过
sqli-labs less-25 and/or绕过
wanggonghanfei的博客
10-13 1158
sqli-labs less-25 and/or绕过
sqli-labs less-26a
最新发布
wanggonghanfei的博客
10-19 290
linux下靶场sqli-labs less-26a
jeecg3版本的vue，离线启动
sharesb的博客
10-16 354
jeecg的vue2版本已经停止维护，所以只能用vue3的版本。3版本中使用的是pnpm（npm的增强版本）下载依赖。使用pnpm安装的node_modules，不能直接复制到离线主机中（因为在 pnpm安装过程中，会给依赖的配置文件写死绝对路径，并且会在c盘生成缓存）。所以要在离线主机中启动，需要1.在联网机器上下载依赖保存到某个文件夹2.在离线主机中安装node，并配置环境变量3.在离线主机中，让npm加载第一步下载的依赖4.在离线主机中，npm正常安装。
vue2项目 实现上边两个下拉框,下边一个输入框 输入框内显示的值为[“第一个下拉框选中值“ -- “第二个下拉框选中的值“]
xu_duo_i的博客
10-17 227
vue2项目 实现上边两个下拉框,下边一个输入框 输入框内显示的值为["第一个下拉框选中值" -- "第二个下拉框选中的值"]
前端vue项目如何部署
08-21
部署前端Vue项目通常涉及以下步骤： 1. 打包项目：首先，你需要确保项目能够正确打包。使用Vue CLI创建的项目，通常通过运行`npm run build`（或`yarn build`）来生成一个`dist`目录，里面包含了静态资源文件。 2....
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值