yum安装nginx，并部署前端vue项目到虚拟机上运行

已于 2024-02-23 10:55:19 修改
阅读量1.5k 收藏 2
点赞数
分类专栏： vue3 文章标签： nginx vue.js 前端
于 2022-07-06 20:39:53 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44728473/article/details/125646817
版权
本文详细介绍了如何在虚拟机上通过yum安装nginx，然后部署前端vue项目。首先，通过yum安装和配置nginx，包括启动和检查nginx状态。接着，处理前端vue项目的打包问题，解决依赖冲突和路径问题。最后，配置nginx代理以解决跨域问题，并确保hosts文件配置正确，使得页面完全显示。
摘要由CSDN通过智能技术生成

yum安装nginx

1.搜索一下有没有nginx，命令如下
yum search nginx

2.查询nginx要安装的版本，命令如下
whereis nginx

3.安装nginx，命令如下
yum install nginx.x86_64

4.移除nginx，命令如下
yum remove nginx

5.打开目录，命令如下
cd /usr/sbin
6.启动，命令如下
./nginx

7.查看nginx进程，命令如下
ps -aux |grep nginx
在这里插入图片描述
8.查看nginx80端口号，命令如下
netstat -anp |grep 80
在这里插入图片描述
9.查看虚拟机ip地址，命令如下
ipconfig
10.本机电脑浏览器上，输入虚拟机ip地址，查看nginx自带页面

最低0.47元/天 解锁文章
great-sun
关注
专栏目录
Nginx详细安装步骤（附部署前端Vue项目）
qq_34658021的博客
11-06 821
由于公司项目前后端分离，使用docker部署后端springboot项目了，前端的vue也需要使用到一个容器去承载，然而后端打包之后是一个文件夹直接请求一个html页面，所以选用Nginx代理跳转静态页面 首先，我们先去Nginx官网http://nginx.org/en/download.html下载一个nginx安装包 下载完之后通过Xftp将文件上传到服务器上边去。 下载之前我们需...
Linux如何使用Nginx部署前端项目
m0_67094505的博客
10-27 7512
为了测试同一个网址可能会请求不同服务器，在不同的服务器中部署的是同一个项目，对于用户而言是感知不到的。将项目目录下的config文件夹里的index.js文件中,将build对象下的assetsPublicPath中的“/”，改为“./”后，再打包生成的 dist 文件。5.3、 编辑 /etc/nginx/conf.d/ 路径下的 default.conf 配置文件。Nginx的默认端口号是80，所以在访问项目输入地址的时候是不需要添加端口号进去的。①. HTTP端口，默认8080，如下改为8081。
linux 安装 Nginx 并部署 vue 项目
qq_45674825的博客
06-12 512
部署vue项目到nginx。
nginx安装及vue项目部署
最新发布
weizhiai12的专栏
09-16 986
那么这些功能无需交由后端实现，可直接在Nginx中处理。好比壁纸网站X站、Y站，X站是一点点去购买版权、签约作者的方式，从而积累了海量的壁纸素材，但Y站由于资金等各方面的原因，就直接通过这种方式照搬了X站的所有壁纸资源，继而提供给用户下载。对于文件具体在哪儿导入，这个也并非随意的，如果要整站屏蔽/开放就在http中导入，如果只需要一个域名下屏蔽/开放就在sever中导入，如果只需要针对于某一系列接口屏蔽/开放IP，那么就在location中导入。
将Vue项目部署在本地Linux虚拟机的docker上
m0_59434053的博客
07-19 1205
在本地的Linu虚拟机中的docker简单地部署vue项目
前端页面打包部署到虚拟机的nginx(后端写的)
OrderShadow的博客
05-06 418
写给后端看的，前端不需要
Linux安装Nginx并部署Vue项目
stu_kk的博客
12-11 958
Linux安装Nginx并部署Vue项目记录
spring boot+vue：在虚拟机上部署一个前后端分离的项目
Master_R的博客
08-04 1335
一、后端代码打包：生成一个.jar包 二、前端代码打包： 用管理员身份打开终端，运行命令：npm run build ………………………………………………………………………………………………………………… 可能会出现的问题： 解决方法： 查看package.json文件 1、若标记区域为 “build:prod:……” 则使用命令：npm run build：pord 2、若标记区域为 “prod:……” 则使用命令：npm run pord …….
将打包好的vue项目部署到nginx上
weixin_37883657的博客
07-20 1945
目录 1、安装 nginx （我的虚拟机系统是 centos7） 2、配置 nginx 3、nginx 其他命令 准备环境： 购买一个虚拟服务器：https://www.ucloud.cn/site/active/lagou.html； 准备好一个vue项目：我的项目资源（https://gitee.com/daisy_yangyang/fed-e-task-04-02） 在虚拟机上安装 nginx 1、安装 nginx （我的虚拟机系统是 centos7） （1）下载本地下...
云服务器centos下部署vue项目（node/nginx）
kaiba07的博客
12-11 805
云服务器centos部署vue项目 1.打包项目 1.成功步骤 1.vue.config.js 添加配置 2.运行命令 npm run build 点击dist/index.html看在本地打开正不正常 2.出现的问题：打开index空白 没有配置vue.config.js 3.vue.config.js完整参考配置： module.exports = { /* 部署生产环境和开发环境下的URL：可对当前环境进行区分，baseUrl 从 Vue CLI 3.3 起已弃用，要使用publicPa
Neginx配置
wujianjun6932的专栏
03-08 1164
./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
如何把前端项目部署到本地虚拟机 VMware(CentOS 7.9)
zxlny的博客
09-02 2337
虚拟机linux系统,部署前端系统 保姆式流程
paralles desktop虚拟机访问mac主机启动的vue项目
m0_38011977的博客
07-27 670
使用mac nat推荐模式可以将虚拟及网络配置好，而nat的标准特征就是能够直观的看到IP地址 这时我们如果使用tomcat 启动服务，在mac端 命令行输入 ifconfig 查看vnic0的地址，就能访问到本地tomcat启动的服务，但如果是vue那么需要更改config 下index.js文件中的host路径，改为vnic0的地址才可以进行访问 ...
虚拟机部署前后端操作
weixin_48881844的博客
08-31 1665
虚拟机部署前后端讲解1.虚拟机部署后端1.1后端打包1.2启动dsgc-tomcat1.3部署war包1.4打开swagger测试1.4错误原因整理2.虚拟机部署前端2.1配置后端代理地址2.2启动nginx2.3测试前端是否能调通2.4前端打包2.5部署前端2.6测试部署 1.虚拟机部署后端 1.1后端打包 IDEA工具打包后端 【Build】->【Build Artifacts】就可以打成你想要的的包 1.2启动dsgc-tomcat 在虚拟机上 cd到dsgc-tomcat/bin目录下 .
Linux入门（七） ~ Nginx部署Vue项目，小白也能看明白
m0_74918915的博客
04-04 1125
4、安装相关的依赖工具5、配置6、编译和安装如果/usr/local下出现nginx目录，表示安装成功7、使用启动./nginx其他命令./nginx -s stop 停止./nginx -s quit 退出./nginx -s reload 重启8、打开80端口firewall-cmd --zone=public --add-port=80/tcp --permanent （–permanent永久生效，没有此参数重启后失效）重新载入或者关防火墙。
【Vue】前端Vue项目打包部署实战教程
Season CSDN博客
01-30 367
前端Vue项目打包部署实战教程
un7.28:将项目打包到Linux虚拟机中并成功运行（上）。
努力是为了让自己不平庸。。。
07-28 1185
在工作中我们经常会遇到这样的情况，你们组辛辛苦苦写好一个项目，却不知道怎么往虚拟机里部署，今天我就教大家一招，让你轻轻松松就把项目部署到虚拟机中并跑起来。
Linux服务器或虚拟机部署springboot+vue项目
技术记录
03-16 1181
参考文章:https://blog.csdn.net/weixin_36754290/article/details/126541006。参考文章：https://blog.csdn.net/u013488276/article/details/127125616。切换目录到nginx下。
node.js 部署的 vue 项目怎么在局域网访问
07-20 4855
1.查看本机局域网ip // windows系统 在cmd页面输入ipconfig命令即可查看 // linux系统 在终端输入ifconfig命令可查看 2.修改vue配置文件 // 进入到项目的config文件夹下,打开index.js 把host改成以上你查看到的本地ip地址 // Various Dev Server settings host: '192.168.31.239...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

great-sun

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

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

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

打赏作者

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

抵扣说明：

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

余额充值