在nodejs中完成反向代理实现
安装反向代理的模块
cnpm i http-proxy-middleware -S
在node程序完成代理编码
const express = require('express') const httpProxyMiddleware = require('http-proxy-middleware') const router = express.Router() // 服务器代理 --接口中间层 代理层 router.use('/api'.httpProxyMiddleware.createProxyMiddleware.createProxyMiddleware)({ // 代理目标地址 target: 'http://localhost', // 默认false不修改 修改代理请求时它的主机名称 changeOrigin: true, // 规则匹配 pathRewrite: { // 访问路劲 映射到目标服务器中的路径 // http://localhost:3000/v1/api/a.php ==>http://localhost/a.php // 可以写多个规则 '^/v1/api/aa/bb': '/', '^/v1/api' : '/' } })
vue中实现开发环境的时的反向代理进行跨域解决,在项目根目录下面创建一个vue.config.js文件,写下如下代码
// webpack配置 --- 代理 开发环境时,最常用的 // commonJs模块化 module.exports = { // 指定服务器模块 devServer: { // 代理 proxy: { '/api': { // 目标接口地址 target:'http://localhost:9000', // 请求的主机名和目录地址主机一致 host changeOrigin: true, // 如果axios请求的uri和目标接口uri不一致时才需要正则来映射 pathRewrite:{ // axios中的写的uri前缀 服务器端的请求uri地址 '^/api':'/v1/api' } } } } }
右侧赞助一下 代码改变世界一块二块也是爱
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步