部署本地服務器的前端及后端


一、部署前端(NPM,Nginx)

1、下載nodejs,具體安裝及配置環境(一定要在本機的環境變量中添加)見https://www.cnblogs.com/lgx5/p/10732016.html

2、nodejs自帶npm,配置好nodejs環境變量之后,如下,在IDEA中的配置好node interpreter的路徑,npm就可以使用了。(npm可以改為淘寶鏡像源)

 

3、在IDEA的控制台輸入npm install,再輸入npm run build,即可將前端代碼打包。在前端項目文件下的dist文件夾即是打包后的前端代碼。

4、將dist文件夾拷貝到nginx下的html中,如下圖

 

5、配置nginx/conf中的nginx.conf文件。可參考https://www.cnblogs.com/mmzuo-798/p/9264893.html

 

6、在nginx文件夾的地址欄輸入cmd,進入該地址下面的命令行輸入:start nginx    此時,前端就搭建成功了。如果想關閉nginx則輸入:nginx -s quit

 

二、部署后端(SSM、tomcat、redis、activeMQ、mysql)

1、tomcat配置好環境變量后,用startup.bat啟動tomcat,如果打開http://localhost:8080顯示的為tomcat主頁的話,即配置成功。

2、關於mysql的配置,網上又很多教程,這里不再贅述,特別注意的是必須要一步一步按照教程配置環境變量。(我用的MySQL5.7,高版本的mysql可能回出現問題,特別注意)

3、redis基本上不需要配置,如需參考https://blog.csdn.net/scorpio_meng/article/details/80855203

4、activeMQ也基本上不需要配置,如需參考https://www.cnblogs.com/DFX339/p/9050878.html

5、SSM項目已將redis配好,注意端口號就行。

6、在IDEA中打包項目,如下圖:

 在文件的target下面復制XXX.war,將之放到tomcat\webapps下。

7、首先在tomcat中啟動startuo.bat,然后在redis中啟動redis-server.exe,最后在activeMQ中啟動activemq.bat即可。

注意:

  如果后端只啟動tomcat而不啟動redis,用postman測試后端接口的時候會報錯

  如果想要查看redis是否啟動,可以使用RedisDesktopManager

       關於tomcat的配置和使用https://cloud.tencent.com/developer/news/315809           https://blog.csdn.net/u011872945/article/details/80953284

  將tomcat、nginx等全部注冊成系統的服務更方便,見https://blog.csdn.net/ak57193856/article/details/80508893

 

 修改本機防火牆的端口可以讓其他計算機訪問

 

tomcat注冊成系統服務:

進入tomcat的bin目錄下,使用命令行service.bat install 服務名即可,若沒成功試試以管理員啟動cmd

 

redis注冊成系統服務

在redis安裝目錄下,使用cmd命令行:redis-server --service-install redis.windows.conf,即可安裝名為Redis的服務

使用  redis-server --service-start //啟動服務

    redis-server --service-stop //停止服務

    redis-server --service-uninstall //卸載服務

 

  


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM