前端开发时用到的跨域解决方案

（不带cookie） 

1. vue.config.js里配置devServer.proxy（转发）

proxy: {
   '/api':{ // 这个是你要替换的位置
   target: 'http://local.youdao.com',//这个是被替换的目标地址
   secure:true //接受对方是https的接口
}

2.vue.config.js里配置devServer.host，并且本地hosts文件中配置域名（本地DNS）

devServer: {
    host: 'local.youdao.com',
    port: 8080,
  },

	127.0.0.1      local.youdao.com
	::1      local.youdao.com

当访问 http://local.youdao.com 时，会解析成127.0.0.1（localhost），因此能使用本地打开的前端项目。而跨域看的是域名即 local.youdao.com ,所以本地跑起来的项目就不存在跨域问题了。

3.关闭google浏览器的跨域限制

(带cookie)

后台配置：

4.nginx

5.cors

常见的9种前端跨域解决方案详解_JackieDYH的博客-优快云博客_前端跨域的常用解决方式