1. 程式人生 > >webstorm vue解決線上環境與測試環境介面地址問題

webstorm vue解決線上環境與測試環境介面地址問題

一、

在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'

測試環境和線上環境就都可以直接用了