首页 > 其他 > 详细

vue实现前端跨域问题

时间:2020-08-10 10:38:27      阅读:64      评论:0      收藏:0      [点我收藏+]

在项目的根目录下的vue.config.js文件中填写以下代码

注意:

1,如果没有vue.config.js文件,自己创建一个。填入以下代码。

2,如果这里设置了域名,而且用了axios请求后台,axios的baseUrl就不用设置域名了。

3,如果8080端口被其他应用占用,按照在启动项目后的终端窗口的端口配置到这里。

4,文中 ‘/home’ 是访问后台接口的接口,只有是以‘home’的才能代理。如:http://xxx.xx.cn/home/xx。根据自己项目的配置

module.exports = {
  devServer: {
    host:‘localhost‘,
    port: 8081,
    proxy: {
      ‘/business‘: {
        target: ‘https://server.guajifu.cn‘,//要跨域的域名
        secure: false, //如果是https接口,如要配置此参数
        changeOrigin: true,
      }
    }
  },
  lintOnSave: false
}

  

vue实现前端跨域问题

原文:https://www.cnblogs.com/ghc520/p/13467696.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!