vue-element-admin解决跨域问题

开发环境配置

vue.config.js 中找到 devServer 中的 proxy 配置如下:
devServer: {
    port: port,
    open: true,
    overlay: {
      warnings: false,
      errors: true
    },
    proxy: {
      [process.env.VUE_APP_BASE_API]: {
        target: 'https://app.xxx.com',
        changeOrigin: true,
        pathRewrite: {
          ['^' + process.env.VUE_APP_BASE_API]: ''
        }
      }
    },
    before: require('./mock/mock-server.js')
  },
.env.development 文件 设置 VUE_APP_BASE_API 为:
# base api
VUE_APP_BASE_API = 'https://app.xxx.com'
最后再重启服务即可解决跨域问题
posted @ 2020-12-12 00:00  い果粒橙ぺ  阅读(2644)  评论(1编辑  收藏  举报