免费建站哪个好,搭建网页游戏平台,遵义网红街,婚礼网一、axios
Axios 是一个基于 promise 网络请求库#xff0c;作用于node.js 和浏览器中。 它是 isomorphic 的(即同一套代码可以运行在浏览器和node.js中)。在服务端它使用原生 node.js http 模块, 而在客户端 (浏览端) 则使用 XMLHttpRequests。
二、配置代理
1. 方法一
在…一、axios
Axios 是一个基于 promise 网络请求库作用于node.js 和浏览器中。 它是 isomorphic 的(即同一套代码可以运行在浏览器和node.js中)。在服务端它使用原生 node.js http 模块, 而在客户端 (浏览端) 则使用 XMLHttpRequests。
二、配置代理
1. 方法一
在Vue.config.js中添加如下配置
devServer:{proxy: http://localhost:5000}说明
优点 配置简单请求资源时直接发给前端(8080)即可缺点不能配置多个代理不能灵活的控制请求是否走代理工作方式若按照上述配置代理当请求了前端不存在的资源时那么该请求会转发给服务器优先匹配前端资源
2. 方法二
编写vue.config.js配置具体代理规则 devServer: {proxy: {/api: { //匹配所有以api开头的请求路径target: http://localhost:5000,//代理目标的基础路径pathRewrite:{^/api:},// ws: true,//用于支持websocket//changeOrigin: true},/demo: {target: http://localhost:5001,pathRewrite:{^/demo:},// ws: true,//用于支持websocket//changeOrigin: true},}}/*changeOrigen设置为true时服务器收到的请求头中的host为localhost:5000changeOrigen设置为false时服务器收到的请求头中的host为localhost:8000changeOrigen默认值为true*/说明
优点可以配置多个代理且可以灵活的控制请求是否走代理缺点配置略微繁琐请求资源时必须加前缀。
