Vue项目部署到服务器后无法读到后端数据

Question

后端用的是flask
在本地调试的时候可以访问到内容，但是部署到服务器后，vue还是从本地5000端口获取数据` getImgs: function () {

  const path = 'http://localhost:5000/getimgs'
  axios.get(path).then((res) => {
    // console.log(res)
    this.imgs = res.data
  })
}`

后来发现是我把路径写死了，但是还是不知道怎么写才能让其正确访问服务器的端口，总不能我每部署一个服务器就改一次ip地址吧。
请指教

Answer 1

你用法不对吧，axios可以定义一个baseURL，保存统一资源地址。这个地址觉得麻烦就直接写死，或者你在项目根目录配置环境变量文件，参考vue-cli环境变量，部署不同的服务器只要改配置文件里的全局变量就行了，还是挺方便的

Answer 2

使用 webpack.definePlugin 可以定义起始路径，需要根据你的开发脚手架来集成。

Answer 3

看看是不是跨域问题

Answer 4

用proxyTable，可以看看这个
https://www.jianshu.com/p/a65...

Answer 5

这个应该部署的时候，服务器配置没配好。