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

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

回答

編輯回答

久愛(ài)她

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

2018年8月16日 19:06

編輯回答

賤人曾

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

這里要注意跨域問(wèn)題

2017年1月10日 15:04

編輯回答

疚幼

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

2018年4月1日 21:01

編輯回答

傻丟丟

你在問(wèn)題中沒(méi)有說(shuō)前端所用的技術(shù)，從你的描述來(lái)看，我覺(jué)得這個(gè)項(xiàng)目應(yīng)該是比較原始的，應(yīng)該只是用了HTML+CSS+jQuery或者再加一些UI庫(kù)(EasyUI、Bootstrap等)。你應(yīng)該不太了解 webpack，Node.js 等（只是猜測(cè)，如果你了解的話(huà)，這個(gè)問(wèn)題很容易解決，你也就不會(huì)來(lái)這里提問(wèn)了）。
一般的前后端分離開(kāi)發(fā)的項(xiàng)目，做法上應(yīng)該是這樣：前端用Node.js起一個(gè)Server，配置代理，將請(qǐng)求轉(zhuǎn)發(fā)到后端服務(wù)的地址。
希望能幫到你。

--------------------------------補(bǔ)充回答的分割線-----------------------------------------
2018-08-24 18:13
看到了你剛才的評(píng)論，我建議你可以學(xué)習(xí)一下 Vue。
這里是我最近用 Vue 做的一個(gè)簡(jiǎn)單的小項(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, //開(kāi)啟代理
                pathRewrite: {'^/': '/'}
            }
    },
    ......
}

2017年7月2日 16:37