????一個(gè)前后端整合的piclive項(xiàng)目，之前記錄了一下部署步驟笛园，現(xiàn)在記錄一下開發(fā)環(huán)境的建立。當(dāng)然以下都是我自己的總結(jié)侍芝，如果大家覺得有什么不對(duì)勁的地方研铆，歡迎大家指出一下。謝謝您查閱本文章·
? ? 開發(fā)環(huán)境簡(jiǎn)單來說主要分為4個(gè)步驟竭贩。分別是前端的vue路由配置蚜印，后端的Java數(shù)據(jù)源、訪問路徑的配置留量，tomcat的host節(jié)點(diǎn)配置(主要是要修改path屬性)，還有nginx的配置前端后端轉(zhuǎn)發(fā)哟冬。當(dāng)然這些部署對(duì)于時(shí)下流行的前后端部署楼熄，服務(wù)器中的tomcat配置和nginx前后端的轉(zhuǎn)發(fā)操作具有非常相似的情況，所以作為其他項(xiàng)目的部署也同樣適用浩峡。
? ? 1可岂、因?yàn)轫?xiàng)目后端是使用Tomcat部署的，所以先下載Tomcat(9)翰灾，然后修改Tomcat的編碼缕粹，
????????????Catalina.bat(sh)里面的set?"JAVA_OPTS=%JAVA_OPTS%?%JSSE_OPTS% 后面追加?-Dfile.encoding=UTF-8。
? ? ? ? ? ? 在idea開發(fā)環(huán)境纸淮，建議也修改一下控制臺(tái)編碼平斩。點(diǎn)擊Help-Edit Custom vm options，在最后追加-Dfile.encoding=UTF-8咽块。
????????這樣在idea的控制臺(tái)里面查看Tomcat啟動(dòng)過程和Tomcat的輸出日志都是UTF-8了绘面，不會(huì)顯示中文亂碼。
? ? 2、前端安裝npm揭璃。設(shè)置npm鏡像地址：不安裝 cnpm 只用淘寶鏡像晚凿，設(shè)置 npm 的鏡像：
? ? ? ? ? ? ? ? npm config set registry https://registry.npm.taobao.org/
? ? ? ? ? ?執(zhí)行下面的命令，確認(rèn)是否切換成功瘦馍。
? ? ? ? ? ? ? ? npm config get registry
