vue项目调用后端用localhost成功,ip地址则后端接收不到

当需要写明ip+端口号,再调用后台时,配置如下可以实现:

1. .env/development文件
#ip+端口号时需要设置
VUE_APP_BASE_API = '/dev-api'

2. vue.config.js文件
proxy: {
  // change xxx-api/login => mock/login
  // detail: https://cli.vuejs.org/config/#devserver-proxy
  [process.env.VUE_APP_BASE_API]: {
    target: `http://ip:port`,
    changeOrigin: true,
    pathRewrite: {
      ['^' + process.env.VUE_APP_BASE_API]: ''
    }
  }
}

版权声明:本文为weixin_42384844原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。