VUE使用proxy代理

VUE-cli 3.0中的proxy使用方法

  //vue-cli3.0 里面的 vue.config.js做配置
devServer: {
    proxy: {
        '/api': {     //这里最好有一个 /
            target: 'http://192.168.1.22:18308',  // 后台接口域名
            ws: true,        //如果要代理 websockets，配置这个参数
            secure: false,  // 如果是https接口，需要配置这个参数
            changeOrigin: true,  //是否跨域
            pathRewrite:{
                '^/api':''
            }
        }
    }
  }

VUE-cli 2.0 中的proxy使用方法

        proxyTable: {
            "/api": {
                target: "http://192.168.1.22:18308",
                pathRewrite: {
                    '^/api': '/'
                },
                // 允许跨域
                changeOrigin: true
            },
        },

proxy具体的一些其他的小细节

dev.env.js

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

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

config - index.js

        // Paths
        assetsSubDirectory: 'static',
        assetsPublicPath: '/',
        proxyTable: {
            "/api": {
                target: "http://192.168.1.22:18308",
                pathRewrite: {
                    '^/api': '/'
                },
                // 允许跨域
                changeOrigin: true
            },
        },

config - prod.env.js

'use strict'
module.exports = {
  NODE_ENV: '"production"',
  BASE_API: '"http://202.175.236.125:18308"' //产品环境
}