失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > proxy跨域不生效_配置proxy解决跨域问题

proxy跨域不生效_配置proxy解决跨域问题

时间:2021-08-24 10:46:02

相关推荐

proxy跨域不生效_配置proxy解决跨域问题

用一个最简单的方法解决API资源请求跨域问题:http-proxy-middleware

http-proxy-middleware不需要自己安装,在安装webpack过程中,会自动依赖安装到你的node_modules文件夹下,如果你发现没有,那么请自行安装

npm install --save-dev http-proxy-middleware

1、前端部署了nodejs服务器,采用app.listen()启动前端服务器,那么你只需要在你的js中添加下面几行代码即可

假设你的前端服务器js文件叫做server.js

//导入proxy

var proxy = require(http-proxy-middleware)//context可以是单个字符串,也可以是多个字符串数组,分别对应你需要代理的api,星号(*)表示匹配当前路径下面的所有api

const context = [`/login`, `/admin/*`]

//options可选的配置参数请自行看readme.md文档,通常只需要配置target,也就是你的api所属的域名。

const options = {

target: \,

changeOrigin: true

}

//将options对象用proxy封装起来,作为参数传递

const apiProxy = proxy(options)

//现在你只需要执行这一行代码,当你访问需要跨域的api资源时,就可以成功访问到了。

app.use(co

如果觉得《proxy跨域不生效_配置proxy解决跨域问题》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。