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

最新推荐文章于 2023-07-13 18:49:05 发布

七彩冰淇淋与藕汤

最新推荐文章于 2023-07-13 18:49:05 发布

阅读量154

点赞数

文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/qq_36582776/article/details/125390007

版权

（不带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

关注