第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

vue2.0項目使用webpack打包上線

vue2.0項目使用webpack打包上線

www說 2018-11-23 19:15:36
在開發(fā)vue項目時,由于在webpack中會產(chǎn)生跨域的問題,所以就在根目錄下config文件的index.js子文件下修改了dev的proxyTable配置從而解決問題,但是到了打包上線的時候這些路徑就會出現(xiàn)問題:例如:1、在index.js文件中配置:proxyTable:{    '/api': {    target: 'http://api.*******.cn',      changeOrigin: true,      pathRewrite: {      '^api':'api'    }  }}2、在vue某一個需要get/post的文件中使用vue-resourethis.$http.get('api/**/**/**/hello',...).then((res) => {...}).catch((err) => {...})結果是:1、在開發(fā)過程中使用dev命令可以解決跨域,但是打包之后該鏈接就不行了。問題:如果不用手動去該每一次this.$http.get的url,那么有什么辦法可以解決咧?
查看完整描述

1 回答

?
隔江千里

TA貢獻1906條經(jīng)驗 獲得超10個贊

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

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

補充

我在這補充吧,評論里說不清楚。

新建一個apis.js文件。

let ipath = (process.env.NODE_ENV === 'production') ? '/product' : '/api'


export const API_0 = ipath + '/**/**/**/hello'

export const API_1 = ipath + '/**/**/**/index'

然后,在需要用到接口的地方

someScript.js:

import {API_0} from '/apis.js'


this.$http.get( API_0 ,...).then((res) => {

...

}).catch((err) => {

...

})

這樣就可以。

開發(fā)版本的代碼API_0的值是/api/**/**/**/hello
正式環(huán)境的API_0的值是/product/**/**/**/hello

如果需要修改的話,只需要修改apis.js一個文件就可以了。


查看完整回答
反對 回復 2018-12-19
  • 1 回答
  • 0 關注
  • 1106 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網(wǎng)微信公眾號