1. 首页
  2. 随心笔记

vue项目中如何设置跨域

前端与后台联调接口时,如果前端运行环境与后台的不在同一个服务器下,则会产生跨域问题,那么如何解决开发环境下的跨域呢?

首先找到项目下面的config文件夹,在他下面找到index.js。

module.exports = {
  dev: {
    assetsSubDirectory: 'static',
    assetsPublicPath: '/',
    proxyTable: {
      '/': {
        target: 'http://47.101.140.58:20000',
        secure: false,
        changeOrigin: true,
        pathRewrite: {
          '/zhdpapi/open/oauth/sskjj/':'/zhdpapi/open/oauth/sskjj/'
        }
      }
    }
   },
   build: {
   }
}

只要在dev下面配置下面这段就可以了

proxyTable: {
  '/': {
    target: 'http://jpwxw.top',
    secure: false,
    changeOrigin: true
  }
}

注意:配置完以后要重启服务器, 重启服务器 , 重启服务器,重要的事情说三遍!

原创文章,作者:极品威学网,如若转载,请注明出处:http://jpwxw.top/2019/10/15/vue%e9%a1%b9%e7%9b%ae%e4%b8%ad%e5%a6%82%e4%bd%95%e8%ae%be%e7%bd%ae%e8%b7%a8%e5%9f%9f/

发表评论

登录后才能评论

联系我们

在线咨询:点击这里给我发消息

邮件:570260116@qq.com

工作时间:周一至周五,9:30-18:30,节假日休息