当前位置: 首页 > Web前端 > vue.js

在vue项目开发中,devServer.proxy使用的是

时间:2023-03-31 16:40:35 vue.js

背景:在项目开发中,前端应用和后端API服务器一般不运行在同一台主机上。如果直接访问后台接口,会报错。前后端代码如下图所示:处理方式是将API请求代理到开发环境中的API服务器。这个问题可以通过vue.config.js中的devServer.proxy选项来配置。配置完成后需要重启才能正常访问,如下图:测试补充:vue启动的nodeserver和springboot启动的tomcat顺序存在,测试发现当vue项目是先启动,默认使用8080端口,会导致tomcat启动报错,提示8080端口被占用;如果先启动tomcat,默认使用8080端口,再启动vue项目会使用例如8083,不会造成冲突。补充:修改vue.config.js文件后,需要重启项目才能生效。该文件位于node_modules/@vue/cli-service/lib/Service.js中。执行npmrunserve后会读取这个配置文件(整个启动过程还不是很清楚,有问题欢迎指正)