web前端 代理服务器解决跨域

 

• 以上是由于违背了浏览器的同源策略，产生跨域问题而引起的报错
  • 同源策略又名同域策略，就是协议名和主机号和端口号三者相同
  • 同源策略只有浏览器存在，服务器不存在同源策略这么一说，所以服务器之间通过http可以直接获取数据
  • 同源策略并不影响浏览器发送器请求和服务器响应数据，只是浏览器将服务器响应的诗句没返回给我们

代理服务器解决跨域问题

原理

 

 

• 1. 浏览器和服务器之间传递数据，需要使用ajax,会产生跨域问题
  2. 两台服务器之间，不涉及ajax，使用http协议传输数据，不存在跨域问题

我们可以借助        vue/cli 

通过根目录下vue.config中的devServer.proxy选项来配置（没有的vue.config,自己创建即可）

// vue.config.js
module.exports = {
  pages: {
    index: {
      // 入口文件