【VUE+element后台】傻瓜式的接口解决跨域，配置代理

写在前面：

若是想调通接口即可 可以在谷歌浏览器中安装 下图这个插件即可
注意：此方法只能在自己电脑上解决跨域

官方的原理就不放啦 所以这篇是 写给入手小白的一个配置代理的步骤

---

步骤开始

1.给自己跨域的接口起个小名字

这里可能有同学会考虑加了acao之后路径就变了呀 么事 在第三步骤会写回来的

2.在文件中找到proxy

先在全局搜索“proxy”，一般情况下上线项目都会有的

3.在刚刚找到的文件里写配置项

 proxy: {
       //这个acao就是你刚刚起的小名字
      '/acao': {
        //这个是你想去的目标头
        target:'http://192.168.10.111:9999',
        //允许跨域
        changeOrigin: true,
        //你刚刚用了acao判断是哪个接口 现在用完了 把它变成 “”
        pathRewrite: {
          '^/acao': ''
        }
      },
    }
  },

---

原因分析：

为啥会跨域：
浅浅谈一下同源策略（协议相同、域名相同、端口相同）

1.协议：http与https
2.域名：http://news.com 与 http://store.com
3.端口：http://127.0.0.1:8080 与 http://127.0.0.1:8081

这仨有一个不一样就会跨域

---