鍍金池/ 問答/HTML5  Java  HTML/ JAVA后端和WEB前端,是前后分離的開發(fā)模式。前端應(yīng)該如何配置開發(fā)環(huán)境?

JAVA后端和WEB前端,是前后分離的開發(fā)模式。前端應(yīng)該如何配置開發(fā)環(huán)境?

SVN的項(xiàng)目路徑在D盤,tomact的路徑在F盤,我想直接在SVN項(xiàng)目的路徑下寫代碼,應(yīng)該怎么配置tomact或者其他的環(huán)境,頁面和接口才能正常訪問?我嘗試過在server.xml里面映射項(xiàng)目路徑,項(xiàng)目能訪問,但是接口不能映射過去,所以接口又用不了。
我現(xiàn)在的工作模式是,在tomcat下面的webapp下面寫代碼,后端每次更新了接口或者是修改了Bug,都打一個(gè)包給我,運(yùn)行了war包之后,我再把前端代碼覆蓋掉,再繼續(xù)寫代碼,這樣的工作方式很不高效。而且在同步上傳SVN的時(shí)候也會(huì)遇到代碼沖突的問題。
我是第一次和JAVA同事共事,也是第一次接觸前后分離的開發(fā)模式,有很多東西不懂,希望看懂我問題的大大能詳細(xì)解答一下!
回答
編輯回答
久愛她

前端不需要配置Java環(huán)境,弄個(gè)開發(fā)或者測試服務(wù)器,開發(fā)階段前端請求測試服務(wù)器的接口就好了。

2018年8月16日 19:06
編輯回答
賤人曾

前端開發(fā)環(huán)境 不應(yīng)該是在開發(fā)者的電腦本機(jī)嗎。。。

這里要注意跨域問題

2017年1月10日 15:04
編輯回答
疚幼

看后臺(tái)用的哪種工具,你也用一樣的,剩下的直接讓后臺(tái)同事幫忙裝吧。我之前是跟著網(wǎng)上的一堆教程來配置,結(jié)果配置到一半就掛了。其實(shí)自己琢磨一天估計(jì)也整不明白,直接讓配過環(huán)境的同事教你的話,更快。

2018年4月1日 21:01
編輯回答
傻丟丟
你在問題中沒有說前端所用的技術(shù),從你的描述來看,我覺得這個(gè)項(xiàng)目應(yīng)該是比較原始的,應(yīng)該只是用了HTML+CSS+jQuery或者再加一些UI庫(EasyUI、Bootstrap等)。你應(yīng)該不太了解 webpack,Node.js 等(只是猜測,如果你了解的話,這個(gè)問題很容易解決,你也就不會(huì)來這里提問了)。
一般的前后端分離開發(fā)的項(xiàng)目,做法上應(yīng)該是這樣:前端用Node.js起一個(gè)Server,配置代理,將請求轉(zhuǎn)發(fā)到后端服務(wù)的地址。
希望能幫到你。

--------------------------------補(bǔ)充回答的分割線-----------------------------------------
2018-08-24 18:13
看到了你剛才的評(píng)論,我建議你可以學(xué)習(xí)一下 Vue。
這里是我最近用 Vue 做的一個(gè)簡單的小項(xiàng)目,你可以看一下
https://github.com/chaoliu199...

你可以把你正在做的項(xiàng)目用Vue做,用 vue-cli 生成一個(gè)最基礎(chǔ)的項(xiàng)目和我那個(gè)項(xiàng)目比較,做個(gè)參考。
關(guān)于代理的配置在:English-Web/config/index.js 里

module.exports = {
    dev: {
        assetsSubDirectory: 'static',
        assetsPublicPath: '/',
        proxyTable: {
            '/': {
                target: 'http://127.0.0.1:8082', //將這里改為后端服務(wù)的地址即可
                changeOrigin: true, //開啟代理
                pathRewrite: {'^/': '/'}
            }
    },
    ......
}
2017年7月2日 16:37