webstorm vue解決線上環境與測試環境介面地址問題
阿新 • • 發佈:2019-01-04
一、
在config->index.js中,將dev中的proxyTable:{ }變為
proxyTable: {
'/api': {
target: 'https://xx.xxxx.com',//介面地址的公共部分
changeOrigin: true,
pathRewrite: {
'/api': ''
}
}
},
二、
在config->dev.env.js中將程式碼變為
'use strict' const merge = require('webpack-merge') const prodEnv = require('./prod.env') module.exports = merge(prodEnv, { NODE_ENV: '"development"', API_ROOT: '"http://xx.xxxx.com"'//介面的公共地址 })
三、
在config->prod.env.js中將程式碼變為
'use strict'
module.exports = {
NODE_ENV: '"production"',
API_ROOT: '"http://xx.xxxx.com"'//介面的公共地址
}
四、在src->api->index.js中新增程式碼
var smaBaseUrl = '/api'
if (process.env.NODE_ENV === 'production') {
smaBaseUrl = process.env.API_ROOT
}
之後在寫介面地址時就可以寫
smaBaseUrl + '/getindexpic'
測試環境和線上環境就都可以直接用了