vue中解决跨域问题

最新推荐文章于 2023-04-25 17:27:37 发布

镜相人生

最新推荐文章于 2023-04-25 17:27:37 发布

阅读量160

点赞数 1

分类专栏： vue 前端文章标签： vue 跨域

本文链接：https://blog.csdn.net/weixin_42529003/article/details/89153500

版权

前端同时被 2 个专栏收录

9 篇文章 0 订阅

订阅专栏

vue

8 篇文章 0 订阅

订阅专栏

方法1.后台更改header

	header('Access-Control-Allow-Origin:*');//允许所有来源访问 
	header('Access-Control-Allow-Method:POST,GET');//允许访问的方式

方法2.使用JQuery提供的jsonp

	methods: { 
	  getData() { 
	    var self = this 
	    $.ajax({ 
	      url: 'http://www.#####.com', 
	      type: 'GET', 
	      dataType: 'JSONP', 
	      success: function (res) { 
	        self.data = res.data.slice(0, 3) 
	        self.opencode = res.data[0].opencode.split(',') 
	      } 
	    }) 
	  } 
	}

方法3.使用http-proxy-middleware 代理解决（项目使用vue-cli脚手架搭建）

	proxyTable: { 
	  '/api': {  //使用"/api"来代替"http://www.#####.com" 
	    target: 'http://www.#####.com', //源地址 
	    changeOrigin: true, //改变源 
	    pathRewrite: { 
	      '^/api': '/api'
	      } 
	  } 
	}