logo
当前位置:首 页 > 编程技术 >前端开发 >Vue.js > 查看文章

element UI 跨域问题

Vue.js, 前端开发, 编程技术 你是第51个围观者 0条评论 供稿者: 标签:, ,

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

 

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

关于跨域问题

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

 

本地操作的代码是:

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

 

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')
  },

 

nginx跨域的话需要自己看nginx的文档,因为不确定需要反向的路劲,每个项目的预设的路径估计都不一样,所以大家要根据自己的项目来。

 

 

 

 

说说梦想,谈谈感悟 ,聊聊技术,有啥要说的来github留言吧 https://github.com/cjx2328

—— 陈 建鑫

陈建鑫
你可能也喜欢Related Posts
footer logo
未经许可请勿自行使用、转载、修改、复制、发行、出售、发表或以其它方式利用本网站之内容。站长联系:cjx2328#126.com(修改#为@)
Copyright ©ziao Studio All Rights Reserved. E-mail:cjx2328#126.com(#号改成@) 沪ICP备14052271号-3