跨域->配置代理两种方式 vue-cli 里面的 devServer.porxy
方式一
要注意的一点就是,代理服务器不是把所有的请求都转发给5000,当我们请求的资源本身就有,就不会转发
public文件夹相当于8080的根路径,就是说8080到底有什么内容就是看这个的根路径
比如说这里,在public下面创建一个students,然后发请求那里也是8080/students,此时会先找前端的students,就不会去5000那里找studens了。
这个方法有两个不完美的地方
- 只能配置一个代理(就是说只能给5000转发请求,再来一个服务器就不行了)
- 不能灵活地控制它走不走代理(就是上面students的例子)
方式二
pathRewrited的意思是重写路径,没加上这个的话就会出现以下情况,代理服务器转发给服务器的前缀多了个/atguigu,那么就得用这个去除,'^/atguigu':''的意思是,找到这个字符串/atguigu,赋值为空。
再解释一下这些:多个代理服务器只要加逗号即可
changeOrigin为false代理服务器撒谎了)
changeOrigin为true(代理服务器撒谎了) vue里面默认是true,react相反