vue项目接口地址暴露_vue项目在开发环境和生产环境接口地址配置简记

开发环境

在开发环境中，由于前后台并不是放在同一个服务器中的，所以这个时候就需要配置代理，打开vue项目的config/index.js文件，找到dev对象里的proxyTable配置如下：

dev: {

// Paths

assetsSubDirectory: 'static',

assetsPublicPath: '/',

// 配置后台通信

proxyTable: {

'/api': {

// 本地

target: 'http://localhost:8089/yunhai/api',

// target: 'http://127.0.0.1:8089',

changeOrigin: true, //是否跨域

pathRewrite: {

'^/api': '' //需要rewrite的,

}

}

},

...... // 后面的属性这里省略

}

target是你要连接的服务器(可以是域名也可以是ip地址)，pathRewrite是重定向。怎么理解呢？

比如我的项目名是yunhai，我有一个登录接口是api/account/login