30 2021-01

element UI 跨域问题

Vue.js, 前端开发, 编程技术你是第2130个围观者 0条评论供稿者：陈建鑫标签：elementUI, elementUI小技巧, vue

最近开发vue使用了elementui-admin框架做系统后台。但是无法避免的第一步开发的跨域问题；下面来统计归纳下。因为晚上都是将浏览器给添加参数，这个在后期发生产的时候会遇到超出可授权域的问题

首先需要引用下作者的关于跨域的说明，在重申一遍，先看文档在谷歌。没事别瞎百度！！！

关于跨域问题、

作者说的很明白，而且也没有推荐去为浏览器添加跨域验证的取消参数；

本地操作的代码是：

在项目的跟目录找到vue.config.js文件

Source code

devServer: {
    port: port,
    open: true,
    overlay: {
      warnings: true,
      errors: true
    },
    proxy: {
      [process.env.VUE_APP_BASE_API ]: { //  是.env.development 文件的 /dev-api
        target: ' http://api.demo.com/vueadmin/', // 这个是要代理的域名
        chargeOrigin: true, // 开启代理服务器
        pathRewrite: {
          // '^/dev-api': '',
          ['^' + process.env.VUE_APP_BASE_API ]: ''
        }
      }
    }
    // before: require('./mock/mock-server.js')
  },