Skip to content

Latest commit

 

History

History
26 lines (23 loc) · 708 Bytes

Vue cli3配置proxy.md

File metadata and controls

26 lines (23 loc) · 708 Bytes

Vue cli3 proxy

在前端的开发过程中,有时候需要进行调后端的接口,但是我们经常会遇到一个跨域的问题。在开发的过程中。可以通过proxy。来实现跨域。 在vue cli3 中实现可以在配置中。加下以下设置

module.exports = {
  devServer: {
    proxy: {
      '/api': {
        target: 'https://api.somewhere.com', # 测试环境接口地址
        secure: true,
        pathRewrite: {
          '^/api': '',
        },
      }
    },
  },
}

然后在我们的接口请求中,以axios为例 只需要把 baseURL 改成本地的/api 即可

/user 则会转发到https://api.somewhere.com/user

axios.get('/api/user')