vue调用本机其他端口的接口很慢？

Question

在vue项目里调用一个写死地址的接口，调用花费很多时间，使用的是let xmlhttp=new XMLHttpRequest();let url = "http://127.0.0.1:8090"
如果地址使用代理的话很快，但是打包后放到服务器，这个http://127.0.0.1:8090就会变成服务器的地址，而不是当前电脑的地址，所以我只能写死，但是写死又很慢，都不知道怎么解决了

Answer 1

跨域问题配置一下vue.config.js 文件：

module.exports = {
  devServer: {
    proxy: {
      '/api': {
        target: 'http://localhost:8090',
        changeOrigin: true,
        pathRewrite: {
          '^/api': ''
        }
      }
    }
  }
}

Answer 2

使用环境变量即可，示例如下：

# env.development
# 开发环境地址
VUE_APP_DEMO_URL=xxx

# env.production
# 生产环境地址
VUE_APP_DEMO_URL=xxx

const url = process.env.VUE_APP_DEMO_URL;

Answer 3

很慢的话需要确定是什么导致的慢，否则的话生产慢难道你就不管了？

代理应该解决跨域问题。如果跨域的话，不是慢，而是根本就用不了，且控制台能看到错误提示。

如果生产环境慢，代理速度可以，可以问问后端同学，是不是被网关卡了，调整一下规则。