1. 场景

作为一名前端狗，目前在前端项目开发后，部署工作一般也是我自己负责，这就涉及一些 linux 命令和 nginx 配置，以及生产环境服务器上软件的安装

2. 问题

做这些工作的频率不算很高，所以经常性的会忘记，经常性的需要 现场查、问 AI 或者 看之前的配置文件

3. 解决方案

毕竟常用到的也不多就那几个，集中记录还是好一点，还是统计记录在一个 md 里，方便后续查阅吧（ 执行以下命令时没权限的话加 sudo ）

1. 复制文件
   cp file.txt /usr/local

2. 移动文件
   mv file.txt /usr/local

3. 编辑文件
   vim file.txt

   开始编辑模式：
   
   按 i ：在光标当前位置前插入（最常用，”insert“ 缩写）
   
   按 a ：在光标当前位置后插入（”append“ 缩写）
   
   按 o ：在光标所在行的下方新建一行并插入（”open“ 缩写）
   

   退出编辑模式进入命令模式：
   
   按 Esc 然后
   
   输入命令 :wq 保存退出命令
   
   输入命令 :q! 不保存文件，强制退出
   
   输入命令 :w 保存，不退出
   
   输入命令 :q 退出（基本不用）
   

4. 解压压缩包注意点

   1. 直接使用 unzip file.zip 命令，当 file.zip 在 /zips 目录下时，解压压缩包，压缩包里的内容会平铺在 /zips 目录下

   2. 想要解压到指定目录下时，需要在后面加上 -d /path，例如：unzip file.zip -d /usr/local/targetFolder

5. 安装软件

   1. 有网络的话直接去浏览器下载 .deb 文件，或者使用命令 wget https://***.deb 下载，然后双击打开自动调用软件安装工具

   2. 要使用命令行，或者无网络时，先拷进服务器指定目录，然后打开终端输入：sudo dpkg -i ***.deb，一般这时候没问题了，如果有问题输入 sudo apt install -f -y（自动修复缺失的依赖，避免安装失败）

6. nginx 配置

   1. vue 项目刷新 404 问题

      location / {
          # 优先匹配静态文件（JS/CSS/图片等），匹配不到则转发到 index.html
          try_files $uri $uri/ /index.html;
      }

   2. 外部静态文件代理指向配置

      location /myfile/ {
          alias   html/myfile/;
          try_files $uri $uri/ =404;
      }

   3. 接口代理 与 path rewrite

      单纯代理

      location ^~ /api/ {
        proxy_pass   http://127.0.0.1:8080/;
      }

      移除前端的自定义前缀

      location ^~ /myBaseUrl/ {
        rewrite ^/myBaseUrl(.*)$ $1 break;
        proxy_pass   http://127.0.0.1:8080/;
      }

   4. nginx 重启

      找到可执行文件 执行 ./nginx -s reload