服务器:

阿里云 Alibaba Cloud Linux

下载

  • 进入到预计存放nginx的目录,比如:/usr/local/
  • 下载nginx压缩包,并解压
    cd /usr/local
    wget http://nginx.org/download/nginx-1.18.0.tar.gz
    tar -zxvf nginx-1.18.0.tar.gz

安装

  • 进入到解压的文件夹并安装
    cd /usr/local/nginx-1.18.0
    ./configure
    make -j2
    make install

    安装完成后,会有nginx文件夹

配置

配置文件位置:/usr/local/nginx/conf/nginx.conf

其他的不用变,主要看server

  server {
listen 80; # 端口
server_name localhost;
index index.html index.htm; # 默认文件,会在索引文件夹下,寻找index配置的文件 ## alias 不包含url的路径
## 比如url:http://ip/aaa
## 服务器索引的文件是 /home/www/dist/index.html location /aaa/ {
alias /home/www/dist/;
} ## root 包含url的路径
## 比如url:http://ip/aaa
## 服务器索引的文件是 /home/www/dist/aaa/index.html location /aaa/ {
root /home/www/love/dist/;
}
}

运行

  • 进入nginx命令目录:/usr/local/nginx/sbin/

  • 运行

    cd /usr/local/nginx/sbin/
    ./nginx
  • 重启

    cd /usr/local/nginx/sbin/
    ./nginx -s reload
  • 查看nginx进程

    ps -ef|grep nginx

    如果显示如下,则表示启动成功:

问题排查

  • 查看日志文件

    打开日志的配置:



    日志文件位置:/usr/local/nginx/logs

    其中nginx.pid文件记录的是nginx进程的pid,不要删除,否则nginx -s reload等需要杀进程的命令会报错。

  • 资源文件路径assets找不到

    默认情况下,打包后的代码中,index.html引入的文件是绝对路径:



    如果nginx没有配置assets的location,是找不到资源的。

    就算配了location,如果一个服务器上部署了多个前端项目,就会存在多个assets,那就要把不同项目的资源文件夹名称都改成不一样的,再把每一个文件路径配上location。这样麻烦,干脆把把这里的绝对路径改为相对路径:

    webpack打包:修改 assetPublicPath:'./'

    vite 打包:修改base:'./'

阿里云服务器安装配置nginx的更多相关文章

  1. 阿里云centos配置nginx和nodejs

    今天新买了阿里云,想把网站跑起来,于是记录跑起来的过程 1.购买域名 2.购买解析 3.购买ecs主机 4.ssh登录主机 5.安装vsftpd 6.配置ftp用户.文件夹.权限 7.安装nginx/ ...

  2. 阿里云安装配置nginx

    一.简介 Nginx是一款轻量级的网页服务器.反向代理服务器.相较于Apache.lighttpd具有占有内存少,稳定性高等优势.它最常的用途是提供反向代理服务. 二 .安装 1.准备工作 Nginx ...

  3. 阿里云服务器安装配置配置MySQL

    1.先更新软件 输入 yum -y update 2.下载MySql安装包 rpm -ivh http://dev.mysql.com/get/mysql57-community-release-el ...

  4. 阿里云服务器安装Docker并部署nginx、jdk、redis、mysql

    阿里云服务器安装Docker并部署nginx.jdk.redis.mysql 一.安装Docker 1.安装Docker的依赖库 yum install -y yum-utils device-map ...

  5. 在阿里云 ECS 搭建 nginx https nodejs 环境(二、https)

    在阿里云 ECS 搭建 nginx https nodejs 环境(二) 这次主要内容是 如何在 ubuntu 的nginx 下配置 二级域名. 一. 域名解析 首先你需要去到你的 域名服务商那边 进 ...

  6. 在阿里云 ECS 搭建 nginx https nodejs 环境(三、nodejs)

    在阿里云 ECS 搭建 nginx https nodejs 环境(三.nodejs) 在阿里云 ECS 搭建 nginx https nodejs 环境(三.nodejs) 第一步 指定版本源 执行 ...

  7. 阿里云Maven配置,Maven仓库配置,Maven镜像配置

    阿里云Maven配置,Maven仓库配置,Maven镜像配置 ======================== 蕃薯耀 2018年1月29日 http://www.cnblogs.com/fanshu ...

  8. 阿里云linux配置ftp服务

    阿里云linux配置ftp服务 一.ftp服务安装 运行以下命令安装ftp yum install -y vsftpd 运行以下命令打开及查看etc/vsftpd cd /etc/vsftpd ls ...

  9. 阿里云服务器安装mongodb

    1.下载mongodb curl -O https://fastdl.mongodb.org/linux/mongodb-linux-x86_64-3.2.9.tgz 2.解压 tar zxvf mo ...

随机推荐

  1. Spring in Action学习笔记(1)

    Spring基础 IoC 控制反转, 也称为DI-依赖注入 一.装配bean 推荐顺序:自动装配 -> JavaConfig装配 -> XML装配 1. 自动装配 @Component 注 ...

  2. 【阿菜读论文】ContractFuzzer:fuzzing方法挖掘智能合约漏洞

    论文简介 论文标题:ContractFuzzer: Fuzzing Smart Contracts for Vulnerability Detection 论文链接:ContractFuzzer: F ...

  3. Thinkphp中取消url中的index.php 和 Home 默认模块

    将配置文件中改: <?phpreturn array(    //'配置项'=>'配置值'    'URL_MODEL'=>'2',   //去掉url中index.php    ' ...

  4. TypeScript学习笔记(四)装饰器

    目录 一.装饰器的作用 二.类装饰器 1. 普通装饰器 为类扩展属性和方法 使用装饰器修改属性和重写方法 2. 装饰器工厂 三.属性装饰器 四.方法装饰器 使用方法装饰器对方法进行扩展 五.方法参数装 ...

  5. Java方法02——定义与调用

    方法的定义与调用 定义与调用 例子  package method; ​ public class Demon03 {     public static void main(String[] arg ...

  6. CVE-2020-1472

    主要记下流程 我擦,这个洞mimikatz也可以搞 但是我就不记录了 检验漏洞是否存在 https://github.com/SecuraBV/CVE-2020-1472 先获取域控信息 然后测试能否 ...

  7. Linux命令(一)之目录结构、Linux终端操作、关机重启等一些基本操作

    .personSunflowerP { background: rgba(51, 153, 0, 0.66); border-bottom: 1px solid rgba(0, 102, 0, 1); ...

  8. 使用Freemarker导出Word文档(包含图片)代码实现及总结

    .personSunflowerP { background: rgba(51, 153, 0, 0.66); border-bottom: 1px solid rgba(0, 102, 0, 1); ...

  9. 响应式编程基础教程:Spring Boot 与 Lettuce 整合

    本文主要介绍响应式编程访问 Redis,以及 Spring Boot 与 Lettuce 的整合使用. Lettuce 是可扩展性线程安全的 Redis 客户端,用于同步.异步和响应式使用.如果多个线 ...

  10. 前端人员必会工具-apipost两分钟上手(2分钟玩转apipost)

    本文通过简单介绍如何利用ApiPost调试接口和快速的生成接口文档,让您初步体验ApiPost的魅力! 1. API写完想要测试?试试模拟发送一次请求 新建接口,我想模拟发送请求如下 curl --l ...