1,打包
1.1首先你會在本地編輯好你的代碼,
1.2然后在控制台輸入 npm run build
npm run build
1.3稍等片刻就打包完畢
2,位置
2.1打包完畢之后會在項目中生成一個dist文件,里面有一個html文件還有一個static文件里面就是各種js css
2.2右鍵你的項目上面 找到Show Explorer 這個就是打開你項目文件夾的方法
2.3進入文件就看到了dist,點擊進入 看到了一個static文件夾還有一個index.html 只有這么多 這樣打包就是這樣的
3.上傳
3.1linux下找到屬於你項目的tomcat 我的前端是 9093端口的
cd apache-tomcat-9.0.40_9093/webapps/ROOT/
可以看到在ROOT下面 有static 和index.html 如果你沒有ROOT文件夾你就建一個
3.2點擊上面xftp上傳
3.3左邊的路徑是你本地的,剛才打開項目文件夾的時候就看到地址直接復制進來
右邊是項目的 可以在這里直接刪除
然后把左邊的 復制到右邊去
3.4這樣 就可以了
現在需要把你這個目錄下的復制到nginx下 然后重啟 nginx服務
sudo的意思類似於賦權 因為你在公司肯定不是root用戶
-f的意思類似於for循環 把你項目中所有的都復制過去
nginx -s reload 就是重啟
如果你是第一次啟動 直接進入文件夾 輸入 nginx就可以
sudo cp /home/sysopex/apache-tomcat-9.0.40_9093/webapps/ROOT/index.html /usr/local/nginx/html/ -f
sudo cp /home/sysopex/apache-tomcat-9.0.40_9093/webapps/ROOT/static/ /usr/local/nginx/html/ -r
cd /usr/local/nginx
sudo ./sbin/nginx -s reload
3.5這個時候就可以在瀏覽器輸入網站的ip跟端口還有路徑進行訪問了
我的是
http://192.168.251.62:9093/reportTools/customQuery
