MobaXterm部署环境(Nginx)

1.MobaXterm工具

(1).连接远程服务器

点击OK输入密码（密码不会显示）然后回车进入控制台

(2).MobaXterm界面

现在就可以通过Linux命令来操作控制台了

2.前端部署

(1).修改服务端地址

进入config/config.ts修改服务端地址并保存

  proxy: {
    '/proxy': {
      'target': 'http://localhost:8090/',
      'changeOrigin': true,
      'pathRewrite': { '^/proxy': '' }
    }
  },

(2).打包前端工程

npm install -g pnpm
pnpm install
pnpm run build

(3).将编译好的webapp复制到指定的文件夹下

(4).配置Nginx

①进入根目录
cd / 命令进入根目录
ls 命令获取到目录下所有目录或文件名称

②进入etc目录
nginx默认被安装到了根目录etc文件夹下
cd etc进入到文件夹

cd nginx进入nginx文件夹

找到nginx配置文件(nginx.conf)
③编辑配置文件
vim nginx.conf编辑配置文件

i 命令添加新的nginx配置

    server {
        listen       8088;
        server_name  localhost 10.220.0.132;
        
        location / {
            root   /rule/webapp;
            index  index.html index.htm;
        }

        location /proxy/{
            proxy_set_header Host $http_host;
            proxy_set_header X-Real-IP $remote_addr;
            proxy_set_header REMOTE-HOST $remote_addr;
            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
            proxy_pass http://127.0.0.1:8090/;
        }
                
   }

④保存修改
ESC键退出编辑 :mq命令保存修改后退出(:q不保存修改）
⑤重启niginx
nginx停止命令：nginx -s stop
nginx启动命令：nginx

2.服务端部署