centos7.2 部署VUE项目

最新推荐文章于 2025-03-10 16:10:10 发布
最新推荐文章于 2025-03-10 16:10:10 发布
阅读量1.4k 收藏 1
点赞数
分类专栏： Vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/zlw_spider/article/details/103754888
版权
本文介绍如何通过修改Vue项目的config/index.js配置文件，使用npm run build命令打包项目，并将生成的dist目录上传至服务器。同时，详细说明了在服务器上安装Nginx并配置nginx.conf的方法，最后通过Nginx启动命令完成项目的上线。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

【1】项目config/index.js配置更改：

然后使用npm run build命令打包，会在下面里面生成dist目录，直接把dist上传到服务器中，我这里传上去后，更改dist为zhoul作为目录名称。放在/usr/local/vuePorject目录下。也就是下面root里面配置的路径。

【2】服务器安装nginx，服务器安装nginx

更改nginx.conf配置

然后使用nginx启动命令即可。

在centos 7 nginx 中部署vue项目
心如海的博客
06-05 1178
nginx 中部署vue项目
CentOS部署vue项目
snow的博客
11-11 7016
安装nginx 如何在CentOS 7上安装Nginx_oldguncm的专栏-优快云博客_centos 安装nginx
Liunx（CentOS-6-x86_64）使用Nginx部署Vue项目
最新发布
weixin_49200545的博客
03-10 882
3月 10 10:58:00 localhost.localdomain systemd[1]: Starting The nginx HTTP an…3月 10 10:58:00 localhost.localdomain nginx[7795]: nginx: the configuration …3月 10 10:58:00 localhost.localdomain nginx[7795]: nginx: configuration file…因为最新版的npm与nodeV16版本不相容。
Centos7部署Vue项目
qq_41082746的博客
06-12 2526
一 :安装docker (1)安装依赖包: sudo yum install -y yum-utils device-mapper-persistent-data lvm2 (2)设置阿里云镜像源 sudo yum-config-manager --add-repo https://mirrors.aliyun.com/docker-ce/linux/centos/docker-ce.repo (3)安装 sudo yum install docker-ce docker-ce-cli
Neginx配置
wujianjun6932的专栏
03-08 1252
./configure \ --prefix=/usr/local/nginx \ --pid-path=/var/run/nginx/nginx.pid \ --lock-path=/var/lock/nginx.lock \ --error-log-path=/var/log/nginx/error.log \ --http-log-path=/var/log/nginx/acces
centos7 部署vue项目+反向代理
rojie0的博客
01-17 2220
linux centos7 nginx 部署vue项目 一站式，按步骤即可成功部署项目
前端部署指南：手把手教你部署 Vue 项目
Java_fenxiang的博客
11-25 993
????个人主页：前端青山 ????系列专栏：Vue篇 ????人终将被年少不可得之物困其一生依旧青山,本期给大家带来Vue篇专栏内容:Vue-部署项目前言嗨喽伙伴们大家好，我是依旧青山。作为一名前端开发工程师，我深知很多刚入门的小白和已经有一定经验的前端开发者在部署项目时可能会遇到各种问题。虽然我们还没有开始学习后端相关的知识，但大家都希...
Nginx部署Vue项目的详细解析
m0_74079648的博客
10-26 1256
通过本文，我们深入探讨了如何使用Nginx部署前端Vue项目。从准备工作、构建Vue项目、上传静态文件到服务器、配置Nginx，到测试并重新加载Nginx，再到高级配置和常见问题与解决方案，我们一步步地完成了整个部署过程。希望这些内容能够帮助你顺利地将Vue项目部署到Nginx服务器上，并在实际工作中进一步优化部署方案。九、总结通过本文，我们深入探讨了如何使用Nginx部署前端Vue项目。
centos部署vue项目
weixin_33860553的博客
08-19 1722
参考链接nodejs服务器部署教程二，把vue项目部署到线上 打包 #在本地使用以下命令，打包 npm run build #打包之后本地会出现dist文件夹。将dist文件夹以及package.json 文件上传到centos服务器上，此处随便什么位置，新建个文件夹就能放。 启动项目 新建一个app.js文件，文件内容如下 //定义目录 const ...
centos7配置 vue_centos7部署vue项目（前后端分离，nginx）
weixin_34877373的博客
12-24 717
一、环境准备1、centos7系统2、mysql数据库3、在centos7虚拟机上安装好nginx二、部署内容准备1、后端war包或者可执行jar因为我这里是spring boot项目。我就以可执行jar文件作为后端部署内容，如果是war包，则需要部署在web容器中，这个很简单，不多说。首先右键点击自己要部署的项目，run as---->maven insatll打包找到打包好的jar,...
vue项目部署到服务器（Centos7）
qq_44750631的博客
12-23 1561
将dist文件夹上传到服务器，存放路径自己定。1.进入到 nginx 安装路径的conf文件夹下。这里是存放在：/usr/local/vue。2.编辑nginx.conf文件。
centos7配置 vue_Centos7 使用nginx部署vue项目
weixin_32183107的博客
01-14 271
一、安装nginx#设置源sudo rpm -Uvh http://nginx.org/packages/centos/7/noarch/RPMS/nginx-release-centos-7-0.el7.ngx.noarch.rpm#安装yum install -y nginx#启动服务systemctl start nginx.service#关闭服务systemctl stop nginx....
使用centos 7 和nginx部署vue或react项目
y227766的博客
07-28 1930
手把手教你 使用centos 7 和nginx 搭配使用Xshell和Xftp部署vue或react项目
Centos7 部署VUE
weixin_42770145的博客
11-18 1239
centos7 部署vue项目： 安装node环境： wget https://npm.taobao.org/mirrors/node/v12.4.0/node-v12.4.0-linux-x64.tar.xz tar -xvf node-v12.4.0-linux-x64.tar.xz ln -s /usr/local/node/node-v12.4.0-linux-x64/bin/node ...
CentOS 7 Jenkins部署Vue项目
上善若水 厚德载物
12-01 356
前面的配置和SpringBoot后台项目一样，这里构建环境这里选择刚才咱们安装的NodeJsv12.16.3这个进行编译.用node -v 查看本地开发环境的NodeJs版本,尽量使用和开发环境一样的版本.可以自行安装或使用Jenkins自动安装，这里用的自动安装。注意插件名字的大小写NodeJs。选择新建一个自由风格的软件项目。打开全局工具配置里进行设置。
Centos7通过nginx+tomcat部署Vue+SpringBoot项目(超详细步骤，从nginx+tomcat安装到Vue+SpringBoot打包配置+nginx.conf）
a1764739438的博客
09-05 5211
Centos7通过nginx(编写nginx配置文件，nginx启停)+tomcat（tomcat启停）部署Vue（前端配置文件详细修改）+SpringBoot项目（文件配置，打包步骤）(超详细步骤）
Linux Centos7环境下搭建vue开发环境
12-10 1720
1、下载node.js安装包 #wget https://npm.taobao.org/mirrors/node/v10.13.0/node-v10.13.0.tar.gz #tar -zxvf node-v10.13.0.tar.gz #cd node-v10.13.0 #./configure #make && make install 编译安装时间会很长，请耐心等待完成，完成后验证。 使用node -v和npm-v来验证是否安装成功，如果安装成功会显示相应的版本信息。 [min
Centos7上使用Nginx部署Django Vue 前后端分离项目
qq_43766034的博客
03-23 7393
Centos7上使用Nginx部署Django Vue 前后端分离项目 前言 之前使用Django和Vue开发了一个前后端分离的项目，本次将项目部署到全新的腾讯云上，所以有一些服务器的环境配置本文也会有所涉及。 1、准备工作 全新Centos7.6 Django项目 Vue项目 2、基础配置 (1)、新建一个普通用户 连上新服务器后默认是root用户，我们可以新建一个普通用户 adduser xwj #新建用户 passwd xwj #设置用户密码 (2)、赋予用户权限 编辑 sudoe
centos7上发布vue项目
kaijixin的博客
05-23 1042
       前提：vue工程已经打包完毕，放置在/usr/local/vue目录下。 1.创建脚本        分别为catalina.sh、shutdown.sh、startup.sh，三个脚本存放位置与vue工程相同，如下图： catalina.sh的内容如下： #!/bin/bash #author lyq if [ "$1" = "start" ];th
CentOS 7.2部署Postfix邮件服务器详解
本文档详细介绍了如何在CentOS 7.2系统上部署邮件服务器Postfix，Postfix是一款开源的电子邮件服务器，由荷兰研究员Wietse Venema为优化sendmail服务器而创建。作为Postfix的核心组成部分，它提供了一个安全且高效的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值