將vue項目部署在Linux的Nginx下，並設置為局域網內訪問

1. 下載

• wget http://nginx.org/download/nginx-1.12.2.tar.gz

2. 解壓縮

• tar -zxvf linux-nginx-1.12.2.tar.gz
• cd nginx-1.12.2/

3. 執行配置

• ./configure

4. 編譯安裝

• make
• make install

5. 啟動 nginx

• /usr/local/nginx/sbin/nginx
• 訪問服務器Ip即可進入welcome to Nginx頁面，說明配置成功

5. 部署vue項目

• 在idea中自己的vue項目下執行命令：npm run buid，生成dist文件夾，文件夾有兩個文件，一個index.html和一個static文件夾，將/usr/local/nginx/html文件夾下的原有兩個文件夾刪除，並將dist文件夾下的兩個文件復制進去。
• 重啟Nginx，/usr/local/nginx/sbin/nginx -s reload
• 訪問服務器ip地址即可進入到自己項目主頁

6. 設置局域網內訪問

• 復制server
  server {
  listen 80;
  server_name localhost ;

    autoindex off;  
  
    location / {  
      index  index.html index.htm index.php;  
      #try_files $uri $uri/ /server.php?/$uri;  
      try_files $uri $uri/ /index.php?$query_string;  
    }  
  
    location ~ \.php(.*)$ {  
        fastcgi_pass   127.0.0.1:9000;  
        fastcgi_index  index.php;  
        fastcgi_split_path_info  ^((?U).+\.php)(/?.+)$;  
        fastcgi_param  SCRIPT_FILENAME  $document_root$fastcgi_script_name;  
        fastcgi_param  PATH_INFO  $fastcgi_path_info;  
        fastcgi_param  PATH_TRANSLATED  $document_root$fastcgi_path_info;  
        include        fastcgi_params;  
    }  
  

}
並將 server_name修改為：服務器Ip地址：80(端口號)

• 將防火牆設置為開放80端口即可
  1. 開啟防火牆： systemctl start firewalld
  2. 開放指定端口：firewall-cmd --zone=public --add-port=80/tcp --permanent
     命令含義： --zong #作用域
     --add-port=80/tcp #添加端口，格式為：端口/通訊協議
     --permanent #永久生效，沒有此參數重啟后失效
  3. 重啟防火牆：firewall-cmd --reload
  4. 在本機瀏覽器輸入 服務器ip:80，即可訪問項目主頁