vue proxy代理无效,vue反向代理不生效
本文主要介绍了vue设置代理的问题和解决方法，具有很好的参考价值。希望对大家有帮助。如有错误或不足之处，请不吝赐教。
目录
vue设置代理不起作用。运行后发现错误404vue配置代理模式。转发代理配置环境变量配置文件目录
vue设置代理不起作用
用vue写前端接口时，需要调用后端接口显示查询到的数据，于是设置代理实现跨域，在config/index.js中添加代理，代码如下：
代理表：{
//匹配/dev-api开头的请求，例如：网站A中的index.html页面：https://localhost:8888发送AJax请求：/dev-API/data.json
开发应用编程接口:
目标：“http://localhost:3001”，
//启动代理：在本地创建一个虚拟服务器，然后发送请求的数据，
//并且同时接收请求的数据，这样服务器和服务器之间的数据交互就不会出现跨域的问题。
ChangOrigin: true，//打开代理
路径重写：{
^/dev-api:
}
}
},
运行后发现报错404
测试后端接口没有问题。关注代理代码。百度找到“dev-api"前面应加”/"，。
否则会出现上述错误。
完整的代码如下：
代理表：{
//匹配/dev-api开头的请求，例如：网站A中的index.html页面：https://localhost:8888发送AJax请求：/dev-API/data.json
/dev-api :
目标：“http://localhost:3001”，
//启动代理：在本地创建一个虚拟服务器，然后发送请求的数据，
//并且同时接收请求的数据，这样服务器和服务器之间的数据交互就不会出现跨域的问题。
ChangOrigin: true，//打开代理
路径重写：{
^/dev-api:
}
}
},
另外，修改代理人后，应该是重启，否则修改不生效。
vue配置代理方式
正向代理配置
环境配置文件。环境发展
ENV=开发
VUE应用基础应用编程接口=/开发应用编程接口
Vue配置文件vue.config.js
devServer: {
Proxy:http://localhost:8080//所有接口请求都将被代理到此路径。
},
devServer: {
代理服务器：{
/dev-api:{//此路径下的任何请求都将被代理到目标。
目标：“http://本地主机：8888”，
Path rewrite:{ /dev-API : }/Path rewrite:/dev-API路径不会出现。如果改成/dev-API: test ，重写后的路径/dev-API会变成test。
}
}
},
注意：使用正向代理时，不要手动写入完整路径，不要手动写入完整路径，不要手动写入完整路径。(重要的事情说三遍)如果写的是全路径，代理就无效了。
完整路径：http://localhost:8080即：协议、域名、端口
只需写一个代理路径：VUE应用基础应用编程接口=/开发应用编程接口
环境变量配置文件
您可以通过将以下文件放在项目根目录中来指定环境变量：env #在所有环境中加载。env.local #在所有环境中都被加载，但是会被git忽略。环境。[mode] #仅在指定模式下加载。环境。[模式]。local #只在指定模式下加载，但会被git忽略。
# mode代表环境变量：开发、生产和测试。不同的文件名在不同的环境下会自动生效。
请注意，只有NODE_ENV、BASE_URL和以VUE_APP_开头的变量会通过webpack静态嵌入到客户端的代码中。定义插件
这是为了避免意外公开机器上可能同名的私钥。
目录
。env.production//生产环境配置。env.development//development环境配置
以上个人经历，希望能给大家一个参考，也希望大家多多支持我们。
郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。