?安裝完之后在左邊的tab會(huì)出現(xiàn)對(duì)應(yīng)安裝好的虛擬機(jī)，這個(gè)時(shí)候啟動(dòng)即可

?若是啟動(dòng)的過程中出現(xiàn)彈框報(bào)錯(cuò)?VMware提示此主機(jī)支持Intel VT-x但I(xiàn)ntel VT-x處于禁用狀態(tài)，大概率是BIOS設(shè)置的某一項(xiàng)為disable，所以大家需要自己的電腦進(jìn)入bios設(shè)置，開啟對(duì)應(yīng)的選項(xiàng)并保存重啟。

遠(yuǎn)程連接

這個(gè)步驟有服務(wù)器的可以直接跳過，有了服務(wù)器之后我們就可以先與服務(wù)器建立連接，這樣后續(xù)操作部署之類的也會(huì)比較方便。

首先打開虛擬機(jī)的虛擬網(wǎng)絡(luò)編輯器，位置如下

?打開主機(jī)的命令行，查詢ip配置，進(jìn)行網(wǎng)絡(luò)配置，要特別注意子網(wǎng)IP中網(wǎng)段要與本地電腦的網(wǎng)段必須保持一致

?網(wǎng)關(guān)IP中網(wǎng)段必須要與本地電腦的默認(rèn)網(wǎng)關(guān)的網(wǎng)段保持一致

?上述配置完之后，就是右鍵虛擬機(jī)->設(shè)置->選擇第2步中設(shè)置了Nat模式的網(wǎng)卡

?然后就可以打開虛擬機(jī)的命令行，然后查看一下ip（輸入命令?ifcofig）

?然后就可以根據(jù)ip進(jìn)行連接，我是通過xftp進(jìn)行連接，用戶名得用root這是默認(rèn)超級(jí)管理員的用戶名(因?yàn)楹罄m(xù)部署前端項(xiàng)目需要該權(quán)限)，密碼則是最開始配置虛擬機(jī)設(shè)置的密碼，然后就遠(yuǎn)程成功了

前端資源

可以遠(yuǎn)程之后我們就可以直接將打包好的前端資源部署到服務(wù)器，以我為例，通過xftp將dist上傳到服務(wù)器的路徑/var/www/test

這個(gè)時(shí)候我們?cè)谖覀兊闹鳈C(jī)，瀏覽器訪問遠(yuǎn)程ip，發(fā)現(xiàn)什么也沒有

這是為什么？

因?yàn)槲覀儧]有進(jìn)行nginx的映射，所以需要安裝nginx

Nginx配置

執(zhí)行以下命令安裝nginx

sudo yum install epel-release
sudo yum install nginx

# For more information on configuration, see:
#   * Official English Documentation: http://nginx.org/en/docs/
#   * Official Russian Documentation: http://nginx.org/ru/docs/

user nginx;
worker_processes auto;
error_log /var/log/nginx/error.log;
pid /run/nginx.pid;

# Load dynamic modules. See /usr/share/doc/nginx/README.dynamic.
include /usr/share/nginx/modules/*.conf;

events {
    worker_connections 1024;
}

http {
    log_format  main  '$remote_addr - $remote_user [$time_local] "$request" '
                      '$status $body_bytes_sent "$http_referer" '
                      '"$http_user_agent" "$http_x_forwarded_for"';

    access_log  /var/log/nginx/access.log  main;

    sendfile            on;
    tcp_nopush          on;
    tcp_nodelay         on;
    keepalive_timeout   65;
    types_hash_max_size 4096;

    include             /etc/nginx/mime.types;
    default_type        application/octet-stream;

    # Load modular configuration files from the /etc/nginx/conf.d directory.
    # See http://nginx.org/en/docs/ngx_core_module.html#include
    # for more information.
    include /etc/nginx/conf.d/*.conf;

    server {
        listen       80;
        listen       [::]:80;
        server_name  localhost;

        location / {
            root   /var/www/test/;
            index  index.html index.htm;
        }
        

        # Load configuration files for the default server block.
        include /etc/nginx/default.d/*.conf;

        error_page 404 /404.html;
        location = /404.html {
        }

        error_page 500 502 503 504 /50x.html;
        location = /50x.html {
        }
    }

}

sudo systemctl restart nginx