vue配置代理服务器怎么配置(vue 代理配置)

作者：电脑培训网 2024-04-28 23:35:24 139

vue配置代理服务器proxy1.跨域。

跨域的本质是浏览器基于同源策略而使用的一种安全方法。

所谓同源性有以下三个相似之处：

相同协议、相同主机、相同端口，非原始请求，即当其中一个协议、端口、主机不同时，就会发生跨域请求。

其次，您可以简单地只配置一个代理，并且无法控制是否使用该代理。vue.config.js配置

例如：如果接口地址为/students，并且pubilc文件中有一个名为students的文件，则代理服务器不会将请求转发给服务器，而是直接返回pubilc文件中名为students的文件的内容公共文件。

3.配置多个代理。vue.config.js配置

目标：服务器地址

ws：是否启用websocket

secure:如果是https，则需要启用该选项

changeOrigin：是否允许跨域值为布尔值。

pathRewrite：重写路径。

'/api'或'/a'是请求前缀：控制是否使用代理。你必须写，你想写什么就写什么。

笔记：

在完整的请求路径中，可以看到红圈就是我们配置代理服务器时写的前缀。它位于端口号旁边。前缀不是接口地址中的一项，实际的接口地址用橙色标记。

因此，pathRewrite中的正则匹配应该为空。

请求前缀可以理解为使用'/api'或'/a'代替目标中的地址。

例如：完整的接口为：

我们可以直接写：'/a/backend/coffee/summary'

例如：axios中配置了统一的baseURL，需要改成自己写的请求前缀。否则会出现跨域故障。

dhtmlxgantt中文手册(html gt lt)