1.config文件下新建一个proxyCofig.js文件
配置:
module.exports = {
proxy: {
'/api': {
target: 'http://xxxxxxx', // 后台接口
changeOrigin: true, //是否跨域
pathRewrite: {
'^/api': ''
}
}
}
}
2.config -> index.js文件引入并应用:
var proxyConfig = require('./proxyConfig')
...
module.exports = {
dev: {
...
proxyTable: proxyConfig.proxy,
...
}
}
3.开发环境的baseUrl设置成api:
let baseUrl = ""
switch (process.env.NODE_ENV) {
case 'development':
baseUrl = "/api" //开发环境url
break
case 'product':
baseUrl = "xxx" //生产环境url
break
default:
baseUrl = "xxxx"
break
}
export default baseUrl
4.重启项目即可
页面中可能看到的地址是
http://localhost:8081/api/xxxx
别慌,能正常访问