首页 前端知识 vue.config.js配置proxy解决iframe跨域

vue.config.js配置proxy解决iframe跨域

2024-04-22 08:04:44 前端知识 前端哥 456 462 我要收藏
您可以使用`vue.config.js`文件进行配置proxy解决iframe的跨域问题。请按照以下步骤进行配置:
复制
  1. 在项目根目录下创建一个vue.config.js文件。

  2. vue.config文件中添加以下内容:

module.exports = {
devServer: {
proxy: {
'/api': {
target: 'http://localhost:3000', 替换为实际请求的地址
changeOrigin: true,
pathRewrite: {
'^/api': ''
}
}
}
}
}
复制

上面的示例中,将以/api开头的请求代理到http://localhost:3000地址。您需要将target值替换为实际请求的地址。

  1. 重新启动项目,在iframe中的请求应该会被代理到实际地址,从解决跨域问题。

希望这个解决方案对您有所帮助!

转载请注明出处或者链接地址:https://www.qianduange.cn//article/5649.html
标签
评论
还可以输入200
共0条数据,当前/页
发布的文章

JQuery中的load()、$

2024-05-10 08:05:15

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!