1、config 文件下新建 proxyConfig.js 文件
2、拷貝以下代碼至該文件中
module.exports = {
proxy: {
'/api': {
target:'http://192.168.5.188:8080', // 接口域名
changeOrigin:true, //是否跨域
pathRewrite: {
'^/api':'' //需要rewrite的,
}
}
}
}
3. dev.env.js 文件修改為
'use strict'
const merge = require('webpack-merge')
const prodEnv = require('./prod.env')
module.exports =merge(prodEnv, {
NODE_ENV:'"development"',
API_ROOT:'"/api"'
})
4.prod.env 改為
'use strict'
module.exports = {
NODE_ENV:'"production"',
API_ROOT:'"http://xxxx.com"'
}
5. config文件夾下的index.js
頭部添加語句; var proxyConfig = require('./proxyConfig')
然后改為：
proxyTable:proxyConfig.proxy,
6. main.js 定義 掛載vue原型上面
Vue.prototype.$baseUrl = process.env.API_ROOT
7.用的時候直接:
this.$baseUrl + '/xx/xx'