项目根目录下创建 vue.config.js

module.exports = {
  devServer: {
    proxy: {
      '/api': {//代理 /api/xxx/xxx 的请求
        target: '你要请求接口的地址',
        pathRewrite: {
          '^/api': ''
        }
      }
    },
  }
}

开发环境的 BASE_URL 如下
const BASE_URL = "/api";
request 的 url 为 /xxx/yyy
会被代理到 target/xxx/yyy

参考:

https://www.webpackjs.com/configuration/dev-server/#devserver

https://cli.vuejs.org/zh/config/#devserver

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐