vue 连接后台的方式

1：在config 的index.js中配置proxy{}

proxyTable: {  // 配置后台代理
  '/list': {
    target: "http://localhost:8080",
    changeOrigin: true,
    pathRewrite: {
      '^/list': '/'      // 理解就是： 用/list 代替target里面的地址，
                        // 例如：调用 'http://40.00.100.100:8080/user/add' 可直接写成'/list/user/add'
    }
  }

2: 在config中的dev.env.js中设置

'use strict'
const merge = require('webpack-merge')
const prodEnv = require('./prod.env')

module.exports = merge(prodEnv, {
  NODE_ENV: '"development"',
  APT_HOST: '"/list/"'
})

3：设置其生产环境

'use strict'
module.exports = {
  NODE_ENV: '"production"',
  APT_HOST: '"http://localhost:8888"' // 生产环境下的地址
}