vue devServer配置问题

Question

前端的请求信息是这样的：

axios.get('/api/hello')
    .then(response => console.log(response.data))

webpac.config.js的配置是这样的：

devServer: {
    proxy: {
        '/api/*': {
            target: 'http:localhost:5000',
        }
    }
}

我想要的是将http://localhost:8080/api/hello的请求发至至http://localhost:5000,但我收到的却是这样的http://localhost:5000/api/hello
我需要怎么配置？
谢谢!

Answer 1

你需要在接口的地方引入这个api

 devServer: {
    proxy: {
      '/api': {
        target: 'http:localhost:5000',
        ws: true,  // proxy websockets 
        changeOrigin: true,  // needed for virtual hosted sites
        pathRewrite: {
          '^/api': ''  // rewrite path
        }
      },
    },
    disableHostCheck: true,
  }

在你的api的的js中引入
const BASEURL = "/api"

Answer 2

可以看下这篇文章《vue-cli使用webpack代理，解决跨域问题》