問題描述

在開發(fā)vue項(xiàng)目時(shí)，由于在webpack中會(huì)產(chǎn)生跨域的問題，所以就在根目錄下config文件的index.js子文件下修改了dev的proxyTable配置從而解決問題，但是到了打包上線的時(shí)候這些路徑就會(huì)出現(xiàn)問題：例如：1、在index.js文件中配置:

proxyTable:{ ’/api’: { target: ’http://api.*******.cn’, changeOrigin: true, pathRewrite: { ’^api’:’api’ } }}

2、在vue某一個(gè)需要get/post的文件中使用vue-resoure

this.$http.get(’api/**/**/**/hello’,...).then((res) => {...}).catch((err) => {...})

結(jié)果是：1、在開發(fā)過程中使用dev命令可以解決跨域，但是打包之后該鏈接就不行了。問題：如果不用手動(dòng)去該每一次this.$http.get的url,那么有什么辦法可以解決咧？

問題解答

把所有的url提取出來放到一個(gè)單獨(dú)的文件里（apis.js）然后統(tǒng)一控制apis.js一個(gè)文件就好。

然后在apis.js里用process.env.NODE_ENV === ’production’來區(qū)分是開發(fā)環(huán)境還是生產(chǎn)環(huán)境，分別export開發(fā)版本和生產(chǎn)版本的url就好。