Vue Cli 3.0跨域配置

vue.conf.js配置项

devServer: {
    port: 8000,
    host: "127.0.0.1",
    proxy: {
     '/api': {
        target: 'http://127.0.0.1:3000', // 后台服务器地址
        changeOrigin: true,
        ws: true,
        pathRewrite: {
          '^/api': '/a/b'
        }
      }
    }
  }

http请求配置项

axios({
     url: '/api/user/3',
     method: 'post'
    }).then(response=>console.log(response))

总结:

1. 上述请求实际上访问的后台地址是: http://127.0.0.1:3000/a/b/user/d
2. 实际上等于devServer>target + axios>url , 然后将/api替换成/a/b即可
3. 上述[/api]代理接口适用于所有以 “http://127.0.0.1:3000/a/b/” 打头的请求