uniapp 配置webpack-dev-server代理 解决开发环境跨域问题

项目根目录下创建 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

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章