小工具      在线工具  汉语词典  css  js  c++  java

Ubuntu安装Nginx部署vue项目

Linux,nginx 额外说明

收录于:152天前

官网下载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
在这里插入图片描述

. . .

相关推荐

额外说明

Springcloud gateway路由zull全部服务忽略敏感头

全部服务忽略敏感头(全部服务都可以传递cookie)   zuul: #----- #全部服务忽略敏感头(全部服务都可以传递cookie) sensitive-headers:

额外说明

算法_反向配对_合并 (java)

提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档 文章目录 一、题目描述 二、分析 2.归并排序模板 3.代码理解 一、题目描述 设A[1…n]是一个包含n个不同数的数组。如果在i<j的情况下,有A[i]>A[j],则称(i, j)为A中

额外说明

警告 C4996 ‘MBCS_Support_Deprecated_In_MFC’ MFC 中的 MBCS 支持已弃用,可能会被删除

1> stdafx.cpp 1>c:\program files (x86)\microsoft visual studio 14.0\vc\atlmfc\include\afx.h(38): warning C4996: ‘MBCS_Support_D

额外说明

如果转行软件测试,你缺的不仅仅是技术,2023软件测试学习路线+全套资料

春暖花开,近水楼台先得月,向阳花木易为春。最近很多粉丝私信问我怎么转行软件测试,我今天跟大家聊聊这个话题,可能我说的有点沉重,但还是建议你看下去。觉得说得有用的请点个赞呀 ​ 许多人天天喊着想转行,又蹲在那里一徘徊就是好多天,好几个月,好几年,无非就是因

额外说明

HNU-电路与电子学-实验4

实验四 模型机时序部件的实现(实验报告格式案例) 班级   计XXXXX       姓名    wolf      学号    2021080XXXXX     一、实验目的 1.了解模型机中 SM 的作用。 2.熟悉指令寄存器、状态寄存器、指令计数器

额外说明

Weblogic Server 的下载,安装配置与部署

下载 下载页面: http://www.oracle.com/technetwork/middleware/weblogic/downloads/wls-for-dev-1703574.html 目前最新版本是 12c. 在以上页面中也可以找到旧版本的下

额外说明

Spring Boot在普通类中注入Bean

Spring Boot在普通类中注入Bean 1:在Controller Service 等中,直接@ Autowired注入bean就好。 但在普通类中这样注入会提示null。 对于此类的bean的注入,可以implements Application

额外说明

Java6及以上版本对synchronized的优化

文章目录 1.概述 2.实现同步的基础 3.实现方式 示例代码 4.Java对象头(存储锁类型) MarkWord 类型指针 对象头的长度 5.优化后synchronized锁的分类 无锁状态 偏向锁状态 轻量级锁状态 重量级锁状态 6.锁的升级(进化)

额外说明

wordpress图像大小_如何在WordPress中创建其他图像大小

wordpress图像大小 上个月,著名的图像调整大小脚本 TimThumb 中发现了一个巨大的漏洞。从那时起,社区就开始合作并解决了这些问题。虽然 TimThumb 是一个可行的选择,但我们认为 WordPress 主题开发人员应该专注于使用核心功能,

ads via 小工具