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

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

2024-04-22 08:04:44 前端知识 前端哥 400 462 我要收藏
您可以使用`vue.config.js`文件进行配置proxy解决iframe的跨域问题。请按照以下步骤进行配置: 1. 在项目根目录下创建一个`vue.config.js`文件。 2. 在`vue.config`文件中添加以下内容: ```javascript module.exports = { devServer: { proxy: { '/api': { target: 'http://localhost:3000', 替换为实际请求的地址 changeOrigin: true, pathRewrite: { '^/api': '' } } } } } ``` 上面的示例中,将以`/api`开头的请求代理到`http://localhost:3000`地址。您需要将`target`值替换为实际请求的地址。 3. 重新启动项目,在iframe中的请求应该会被代理到实际地址,从解决跨域问题。 希望这个解决方案对您有所帮助!
转载请注明出处或者链接地址:https://www.qianduange.cn//article/5649.html
标签
评论
发布的文章

CSS(8)空间转换 动画

2024-04-29 12:04:29

CSS介绍(4)--背景属性

2024-04-29 12:04:26

Web学习记录---CSS(1)

2024-04-29 12:04:17

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