各种网站制作,二次开发英文,上海做网站哪家好,临沂建手机网站公司一、在 vue.config.js 中添加配置
devServer: {proxy: http://localhost:5000
}优点#xff1a;配置简单#xff0c;请求资源时直接发送给前端#xff08;8080#xff09;即可缺点#xff1a;不能配置多个代理#xff0c;不能灵活的控制请求是否走代理工作方式#xff…一、在 vue.config.js 中添加配置
devServer: {proxy: http://localhost:5000
}优点配置简单请求资源时直接发送给前端8080即可缺点不能配置多个代理不能灵活的控制请求是否走代理工作方式若按照上述配置代理当请求了前端不存在的资源时那么该请求会转发给服务器优先匹配前端资源
二、具体代理规则
module.exports {devServer: {proxy: {/api1: { // 配置所有以 /api1 开头的请求路径target: http:localhost:5000, // 代理目标的地址changeOrigin: true,pathRewrite: {^/api1: }},/api2: {target: http:localhost:5000,changeOrigin: true,pathRewrite: {^/api2: }},}}
}/*changeOrigin : true(默认) -- 服务器收到的请求头中的 host 为localhost:5000changeOrigin : false -- 服务器收到的请求头中的 host 为localhost:8080
*/优点可以配置多个代理且可以灵活的控制请求是否走代理缺点配置略微繁琐请求资源时必须加前缀
三、使用 vue-resource 发送请求方式和 axios 一样
安装 vue-resource
npm i vue-resource;步骤
// 安装之后 VueComponent 对象上面多了 $http 对象
this.$http.get(...)
