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

Ubuntu安装Nginx部署vue项目

Linux,nginx 额外说明

收录于:15天前

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

. . .

相关推荐

额外说明

分布式锁的实现

1. 什么是分布式锁   为了在并发环境下保证数据的一致性,我们通常会采用加锁的方式。如果数据只存在于一台服务器上,则只需要使用单机锁则可以解决数据不一致的问题。   而在分布式集群中,一个变量的值可能被一个集群的多个节点所共享,此时若要保证变量的一致性

额外说明

leetcode104(二叉树的最大深度)

题目:给定一个二叉树,找出其最大深度。 二叉树的深度为根节点到最远叶子节点的最长路径上的节点数。 说明: 叶子节点是指没有子节点的节点。 示例: 给定二叉树 [3,9,20,null,null,15,7], 3 9 20 15 7 返回它的最大深度 3

额外说明

【网络知识补习】❄️| 由浅入深了解HTTP(八)HTTP/1.x 的连接管理

目录 -HTTP/1.x 的连接管理 -️‍-短连接 -️‍-长连接 -️‍-HTTP 流水线 -️‍-域名分片 -总结 -HTTP/1.x 的连接管理 连接管理是一个 HTTP 的关键话题:打开和保持连接在很大程度上影响着网站和 Web 应用程序的性能

额外说明

量化交易 第十五课 单因子有效性分析之 Alphalens

第十五课 单因子有效性分析之 Alphalens 概述 Alphalens 的数据结构 参数 factor 格式 price 格式 API 获取综合信息 因子 IC 分析 因子收益率系数分析 概述 Alphalens 是一个 Python 的第三方库,

额外说明

使用Visual Studio调试排查Windows系统程序audiodg.exe频繁弹出报错

VC++常用功能开发汇总(专栏文章列表,欢迎订阅,持续更新...)https://blog.csdn.net/chenlycly/article/details/124272585C++软件异常排查从入门到精通系列教程(专栏文章列表,欢迎订阅,持续更新.

额外说明

Java agent 使用详解

一、前言 于一个即将上线的应用来说,系统监控是必不可少的,为什么需要监控呢?应用是跑在服务器上的,应用在运行过程中会发生各自意想不到的问题,像大家熟知的OOM,mysql故障,服务器宕机,程序500等等,因此为了能够第一时间掌握应用运行过程中的各自异常状

额外说明

linux下批量上传本地jar到nexus私服上

1,将本地repository资源上传到linux服务下, 可以用sftp命令在windows下链接linux服务器 用put命令将windows下的资源上传到linux下 2,解压linux下的repository.zip文件 unzip reposi

额外说明

ROS从入门到精通6-4:costmap代价地图插件编写案例(prohibition_layer)

目录 0 专栏介绍 1 为什么需要代价地图插件? 2 自定义代价地图插件 3 仿真测试 0 专栏介绍 本专栏旨在通过对ROS的系统学习,掌握ROS底层基本分布式原理,并具有机器人建模和应用ROS进行实际项目的开发和调试的工程能力。 -详情:《ROS从入门

额外说明

Centos7配置gitlab服务器

Centos7配置gitlab服务器 1、安装SSH yum install -y curl policycoreutils-pythonopenssh-server 设置开机自启 sudo systemctl enable sshd 启动服务 su

额外说明

wordpress移动_如何在移动浏览器中更改地址栏的颜色以匹配您的WordPress网站

wordpress移动版 您是否注意到,许多流行网站(例如 BBC 和 Facebook)在移动浏览器的地址栏上使用自己的品牌颜色。最近,我们的一位用户问我们是否可以撰写有关如何更改移动浏览器中地址栏的颜色以匹配他们的 WordPress 主题的文章?在

ads via 小工具