下載配置nginx服務器
由於項目的需求,把項目部署到nginx服務器上面。
首先要現在並配置nginx,這里我看的是菜鳥教程的過程
鏈接: 點這.
2. 但是你需要先配置linux系統,這里我采用的是虛擬機的方式–VM。也就說你要要先下載VM(vmware workstation),在下載配置linux,linux 系統我選的是centos7。這一步可以自行百度。
3. 接下來就是按照菜鳥的教程。
這一步是困擾我比較久的地方,那個cat 命令老是用不對。后來我還是用的 vi 辦法。首先全部刪除(百度 vi 如何全部刪除),在復制,粘貼。
4. 關於如何啟動nginx,進入到sbin 目錄,然后./nginx就啟動了。
重啟命令:
./nginx -s reload
1
nginx啟動和關閉命令
ps -ef|grep nginx
1
這一行命令主要是查看nginx的運行狀態,這里顯示master 表示nginx正常運行。
為了檢驗nginx是否啟動成功,我輸入了菜鳥的網址,結果顯示失敗。這時候要仔細看nginx.conf這個文件。觀察里面的server。
注意下這兩個地方。這里補充一個知識。localhost的ip是127.0,0.1。當時犯了個錯,在本機輸入這個url,一直顯示錯誤,以為沒有配置正確,結果發現這怎么可能對。虛擬機相當於另一台電腦,和雲服務器一樣的道理。
如果要從本機訪問,首相查看ip。
使用命令`ifconfig
這個就是ip地址。
如果本機要訪問,需要開通防火牆。相關資料可以百度。
`
將dist目錄放入服務器
對於打包好的dist文件,直接放入nginx文件里面的html文件夾里面
2.接下來就是比較關鍵的調整
針對nginx.conf
觀察這個文件可以發現,要實現頁面的訪問,主要是靠里面的server。既然這樣的話,就可以自己單獨加一個server組。
下面的server就是我自己添加的。一行行來說明。
listen 端口號
ip地址,用ifconfig可以查看得知。
root 后面接的就是打包好的dist文件的路徑
后面那個可以直接抄,不過我dist里面的是index.html,你的是其他名字就寫其他的。
下面這個比較關鍵,是解決跨域的(雖然我也不懂跨域)。
這里需要和vue項目的代理配置文件結合起來看。以我的為例。
注意這里的兩個地方,一個是端口 8080。另一個是proxy 里面的’/div’。
第二個地方是在於,我之前按照網上的辦法,直接寫的就是api,但是我不懂這個是什么意思,直接抄過來的。后面報錯。
這里提個醒,前端報錯主要F12,看看網絡。在請求網址哪里發現了寫的是div,但是代理文件里面的是api,改過來就好。
關於jdk和mysql
這個就直接百度就是。
mysql遇到一個編碼錯誤的問題。
編碼問題
