linux 安装 nginx 部署 vue项目

最新推荐文章于 2025-03-10 16:10:10 发布

原创最新推荐文章于 2025-03-10 16:10:10 发布 · 220 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js

本文介绍了如何在Ubuntu系统中使用apt-get命令安装Nginx，详细步骤包括安装过程、查看防火墙状态、允许80端口、启动与设置Nginx服务，以及如何重启加载Nginx配置文件。此外，还提到了配置文件所在目录。

apt-get 安装 nginx

sudo apt install nginx

开启防火墙

ufw app list        			//获取应用程序文件的列表
ufw status    					//查看防火墙状态
ufw allow 80 					//开启80端口号 // ufw allow 'Nginx HTTP'
systemctl status nginx  		//查询服务器状态
systemctl start nginx.service 	//启动服务
systemctl enable nginx.service  //跟随系统启动服务

在这里插入图片描述

目录： /etc/nginx/sites-enabled/default

nginx -s reload  //重启加载nginx配置

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

wll3241@163.com

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

docker 安装 nginx 部署Vue前端项目

weixin_48568302的博客

03-18

1587

docker 安装 nginx 部署Vue前端项目

【Nginx 】Nginx 部署前端 vue 项目

m0_74825746的博客

01-17

1735

在两种系统中，安装Nginx的过程都相对简单，主要区别在于使用的软件包管理器不同。这包括访问Vue应用的主页，以及尝试访问应用中的各个路由，确保它们都能正确加载。文件中列出的依赖项进行下载和安装，这个过程通常需要联网操作，并且依赖于npm仓库的响应速度。在网络状况良好的情况下，安装过程可以顺利完成。在CentOS或RHEL系统上安装Nginx的过程与Ubuntu/Debian略有不同，主要体现在软件包管理器的使用上。在项目部署之前，确保开发环境中已安装Node.js和npm，这是运行Vue项目的基础。

参与评论您还未登录，请先登录后发表或查看评论

Linux安装nginx部署vue项目

zhangzhiping35的专栏

02-21

1789

一、安装nginx 第一种方法：直接在Xshell里边安装 1、安装依赖和相关库： [root@localhost ~]# yum -y install gcc-c++ zlib-devel openssl-devel libtool 2、下载nginx安装包并解压： [root@localhost ~]# cd /usr/local [root@localhost local]# wg...

Linux安装Nginx并部署Vue项目

stu_kk的博客

12-11

1175

Linux安装Nginx并部署Vue项目记录

Nginx下部署Vue-cli3项目（Ubuntu18.04）

lsl520hah的博客

09-07

686

将vue工程打包，打包完毕会在工程目录下出现一个dist文件夹 yarn build 配置nginx-指向dist文件夹 * 在/etc/nginx/sites-enabled文件夹下新建skill.conf文件 sudo vi /etc/nginx/sites-enabled/skill.conf * 内容如下 server { l...

ubuntu服务器部署Nginx之vue项目+域名+图片

搬砖

06-05

1496

提示：ubuntu使用apt；centos使用yum1.安装Nginx(默认是安装到/etc/nginx)2.查看nginx版本nginx -v3.启动nginx4.在浏览器直接输入服务器的ip进行访问，出现成功！

如何使用nginx部署vue网站（ubuntu系统）

疯狂屌丝程序员

05-15

508

部署Vue网站到Nginx的基本步骤。记得根据自己的实际情况调整配置中的路径和域名，并按需修改Nginx配置文件。部署完毕后，你的Vue网站就可以通过Nginx服务器进行访问了。部署Vue.js网站需要使用Nginx作为服务器来托管静态资源。访问你的网站：现在，在浏览器中输入你的域名，应该可以看到部署在Nginx上的Vue网站了。配置Nginx：打开Nginx的配置文件，在Ubuntu系统上，该文件位于。构建Vue项目：首先确保你的Vue项目已经被构建。命令来生成生产环境的静态文件。

nginx 部署 vue 项目找不到js css文件的解决方法

09-29

在使用nginx部署Vue项目时，有时候会遇到找不到JavaScript和CSS文件的问题。这主要是因为Webpack在构建过程中生成的静态资源引用路径不正确。本文将详细介绍解决这一问题的方法，主要包括vue-cli@3的配置方式和vue-...

精选资源

项目部署 – Linux（ springboot + vue + nginx）

01-09

一、后台项目（Springboot） 1.项目打成jar包在项目target目录里会有打包的jar 2.启动后台运行jar 注意：若无nohup 命令 yum install coreutils nohup java -jar 你的jar包名称.jar & ... #Linux上

Liunx（CentOS-6-x86_64）使用Nginx部署Vue项目

最新发布

weixin_49200545的博客

03-10

1030

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版本不相容。

LINUX 服务器上安装 nginx ，部署vue项目

sinat_14942293的博客

12-10

366

目录连接LINUX服务器安装nginx部署vue工程连接LINUX服务器 1.下载安装软件 **MobaXterm ** ，安装位置可任意更改 2. 打开MobaXterm ，点击session ； 3. 点击ssh； Remote host 中填写服务IP地址 Specify username 中填写账户名再点击OK 4. password 后输入密码点击回车，则登陆成功；在左侧可到服务器上的文件列表安装nginx 在安装nginx前首先要确认系统中是否安装了gcc、pcre-devel、z

liunx中安装nginx，部署vue前端项目（docker中安装的nginx不可以使用以下方法）

wangjingyuing的博客

03-13

2829

1、先利用“npm run build”命令打包vue前端项目，得到项目录中的dist包。 2、利用Xshell工具中的xftp将这个dist包，放到自己指定路径下（此博客放置的位置是/home/wang下）。 3、利用命令“yum install -y nginx”命令，下载最新版的nginx。 nginx常用命令： nginx ----启动nginx nginx -s stop ----关闭nginx nginx

Linux安装nginx及部署vue项目

走在搬砖的路上！

12-09

3529

一、下载nginx 使用的版本是：nginx-1.19.4.tar.gz 官网：http://nginx.org/en/download.html 百度网盘：链接：https://pan.baidu.com/s/1knGWwg-Sk2CxtwnTqTgqqw 提取码：t3fe 二、连接服务器（本人使用：SecureCRT） 1、创建nginx目录：mkdir nginx 2、cd nginx 3、配置nginx安装所需的环境 yum install gcc-c++...

Linux服务器nginx部署Vue前端（详细版）

呼啦啦啦啦啦的博客

12-19

1901

部署nginx

关于部署vue项目在Linux上的两种方式tomcat以及nignx（3）使用nignx进行部署

阿丹的博客

05-27

4230

能看到我前端发送的请求都是使用了/api这个公共的路径。那么我们就需要在nginx中设置监听有/api的请求路径，并将请求重写。

Linux部署VUE项目

qq_37976489的博客

07-21

4205

记录一次部署VUE项目的过程。

如何在linux服务器上用Nginx部署Vue项目，以及如何部署springboot后端项目

qq_44657940的博客

03-13

4092

本文内容记录如何在Linux(Ubuntu)系统上安装Nginx，并部署打包好的Vue前端项目，最后通过浏览器访问。提示：以下是本篇文章正文内容，下面案例可供参考这样前后端项目就都部署运行了。不给过最初还得安装好数据库等一些项目中应用到的软件,才能使得项目正常运行。

最详细版-linux安装nginx并代理vue项目（图文教程）

学习记录

08-20

2745

1，Nginx (engine x) 是一个高性能的HTTP和反向代理web服务器，同时也提供了IMAP/POP3/SMTP服务。2，Nginx支持热部署，启动简单，可以做到7*24不间断运行。几个月都不需要重新启动。3，Nginx 处理高并发能力是十分强大的，能经受高负载的考验4，Nginx是一款轻量级的Web 服务器/反向代理服务器及电子邮件（IMAP/POP3）代理服务器，在BSD-like 协议下发行。

云服务器Linux环境下vue项目安装部署nginx

weixin_59009804的博客

08-17

3297

安装nginx，启动停止和重启nginx:在宝塔面板中可视化安装nginx,nginx: [emerg] bind() to 0.0.0.0:80 failed (98: Address already in use)，vue项目配置nginx三、nginx的配置修改nginx.conf的配置：> location / { > root /home/springbootVue/Vue/dist; > try_files $uri $uri/ /i .

linux 安装 nginx 部署 vue

08-30

要在Linux上安装和部署Vue项目，你可以按照以下步骤进行操作： 1. 首先，安装nginx。可以使用以下命令在Linux上安装nginx： ``` yum -y install gcc-c zlib-devel openssl-devel libtool cd /usr/local wget http://nginx.org/download/nginx-1.14.0.tar.gz tar -zxvf nginx-1.14.0.tar.gz cd nginx-1.14.0 ./configure --prefix=/usr/local/nginx make && make install ``` 2. 安装完成后，可以使用以下命令启动nginx： ``` cd /usr/local/nginx/sbin ./nginx ``` 3. 确认nginx已经成功启动。可以使用以下命令查看nginx进程： ``` ps -ef | grep nginx ``` 4. 然后，将Vue项目部署到nginx上。首先，将Vue项目的静态文件打包生成dist文件夹。然后，将dist文件夹中的文件复制到nginx的html目录下。可以使用以下命令完成此操作： ``` cp -r /path/to/vueproject/dist/* /usr/local/nginx/html/ ``` 5. 最后，通过浏览器访问服务器的IP地址或域名即可查看部署的Vue项目。总结： 1. 安装nginx：安装依赖和相关库，下载并解压nginx安装包，配置和安装nginx。 2. 启动nginx：进入nginx/sbin目录，使用./nginx命令启动nginx。 3. 验证nginx是否启动：使用ps命令查看nginx进程。 4. 部署Vue项目：打包Vue项目生成dist文件夹，将dist文件夹中的文件复制到nginx的html目录下。 5. 访问部署的Vue项目：通过浏览器访问服务器的IP地址或域名即可查看部署的Vue项目。123 #### 引用[.reference_title] - *1* [Linux安装nginx部署vue项目](https://blog.csdn.net/zhangzhiping35/article/details/129153756)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *2* *3* [linux 安装 nginx 以及部署 vue 到服务器](https://blog.csdn.net/weixin_42040328/article/details/127706353)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]