Ubuntu安装Nginx部署vue项目

2024-05-16 00:37:57

官网下载Nginx压缩包

Nginx下载

上传到Linux或直接在Linux上下载压缩包。

# 解压
tar -zxvf ...

ubuntu下安装nginx时依赖库zlib，pcre，openssl安装方法

#依赖包openssl安装
sudo apt-get install openssl libssl-dev

# 依赖包pcre安装
sudo apt-get install libpcre3 libpcre3-dev

# 依赖包zlib安装
sudo apt-get install zlib1g-dev

参考

通过命令行ssh -V查看安装的依赖版本信息，判断是否安装成功：

Nginx初始化

进入解压目录执行命令：

./configure# 如果需要安装到指定目录，命令如下
./configure -prefix=/opt

执行make命令进行软件编译

make

执行make install命令完成安装

make install

启动Nginx

执行完上面命令后多了一个objs目录

先进入conf目录更改nginx配置信息，修稿host为ip和port为8080。

进入objs目录执行./nginx命令启动nginx：

使用./nginx -v查看nginx版本号。
使用./nginx -t查看nginx运行的配置文件是否正确
使用ss -ltn查看端口情况：

8080已占用，使用ip和8080端口访问网页。

使用ps-ef | grep nginx查看nginx进程。

使用systemctl status firewalld查看防火墙状态。
使用systemctl disable firewalld永久关闭防火墙。

除了在objs启动nginx外，进入安装目录： cd /usr/local/nginx/sbin也可以启动：

启动：./nginx
关闭：./nginx -s stop
重启：./nginx -s reload 重启

参考

项目部署

将项目放到html文件夹通过项目名访问就可以了。

注意配置静态资源的放行

如果放行后还找不到资源看打包后的dist中的index.html是路径是否正确，/css/xxx.js是不正确的，.不可省略./css/xxx.css。

Ubuntu安装Nginx部署vue项目相关推荐

Ubuntu配置Nginx部署Vue SPA项目
Ubuntu配置Nginx部署Vue SPA项目文章记录了部署Vue SPA项目后可从ip访问的过程,因域名访问需要备案暂未尝试,后续若实行亦会更新在此处. 系统为Ubuntu18.04. Ngin ...
Ubuntu 下搭建 Nginx 部署 vue 项目
Ubuntu 下搭建 Nginx 部署 vue 项目上一篇:Ubuntu 下部署 SpringBoot 第一步: Ubuntu 上安装 nodejs 执行 apt install nodejs 命令 ...
VUE项目学习（三）：win10版nginx部署vue项目
VUE项目学习(三):win10版nginx部署vue项目 niginx的安装和启停操作参照博客:https://blog.csdn.net/qq_26666947/article/details/1 ...
nginx部署vue项目，给访问路径加前缀
Nginx安装与启动去官网下载nginx压缩包,解压到电脑合适位置,我这放在D盘,目录是D:\nginx-1.21.6, 在这个路径,直接输入cmd,打开命令行,启动命令: nginx.exe 或者 ...
服务器使用Nginx部署Vue项目
服务器使用Nginx部署Vue项目首先得购买个服务器,在这就不教怎么购买了,本文章使用的是阿里云轻量级服务器CentOS7.6 一.安装Nginx 1. 使用XShell连接我们的服务器 2. 配置 ...
Centos+Nginx部署Vue项目
Centos+Nginx部署Vue项目 1.项目打包生成dist文件夹在项目根目录下打开cmd窗口,输入命令 npm run build //生成dist文件夹 2.将dist文件夹上传到cento ...
Nginx部署Vue项目动态路由刷新404
目录前言第一次第二次前言记录下Nginx部署Vue项目刷新404的解决方案,遇到了两次,route用的是history路由模式,动态路由: {path: '/article/:blogId' ...
Ubuntu服务器上部署Vue项目
一.创建Vue项目用管理员权限打开命令行窗口,用vue-cli 来新建一个项目,执行->vue create [项目名称],我这里项目名称为testapp,回车命令行之后会有这么一个弹窗让你选 ...
nginx部署vue项目加载资源慢优化方案
目录 1.问题 2.解决方案推荐gzip压缩解压 2.1 vue项目的配置文件中加如下配置 2.3 nginx服务器配置 1.问题当我采用nginx部署了vue的项目后发现第一次访问网站需要1分左右 ...

最新文章

热门文章