跨域->配置代理两种方式 (勿点!自己看的笔记)

76 阅读1分钟

跨域->配置代理两种方式 vue-cli 里面的 devServer.porxy

方式一

image.png

image.png

image.png 要注意的一点就是,代理服务器不是把所有的请求都转发给5000,当我们请求的资源本身就有,就不会转发

image.png public文件夹相当于8080的根路径,就是说8080到底有什么内容就是看这个的根路径

比如说这里,在public下面创建一个students,然后发请求那里也是8080/students,此时会先找前端的students,就不会去5000那里找studens了。

image.png 这个方法有两个不完美的地方

  • 只能配置一个代理(就是说只能给5000转发请求,再来一个服务器就不行了)
  • 不能灵活地控制它走不走代理(就是上面students的例子)
方式二

image.png image.png pathRewrited的意思是重写路径,没加上这个的话就会出现以下情况,代理服务器转发给服务器的前缀多了个/atguigu,那么就得用这个去除,'^/atguigu':''的意思是,找到这个字符串/atguigu,赋值为空。

image.png

再解释一下这些:多个代理服务器只要加逗号即可

image.png changeOrigin为false代理服务器撒谎了)

image.png changeOrigin为true(代理服务器撒谎了) vue里面默认是true,react相反

image.png