vue.config.js配置proxy解决iframe跨域
您可以使用`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
相关文章
-
TypeScript和JavaScript的区别,全面对比超详细
-
【实战】 五、CSS 其实很简单 - 用 CSS-in-JS 添加样式(下) —— React17 React Hook TS4 最佳实践,仿 Jira 企业级项目(七)
-
React 路由react-router-dom详解
-
解决vue中父组件通过props向子组件传递数据,子组件接收不到
-
Vuejs 对象常用操作:取对应的值,取key和value值,转数组,合并等
-
在windows7安装高版本Nodejs
-
【报错已解决】com.alibaba.fastjson.JSONException: syntax error, expect {, actual [, pos 0
-
Mysql中json类型查询
-
Flutter Json自动反序列化——json_serializable v1(1)
-
SpringBoot_mybatis-plus使用json字段
发布的文章
TypeScript和JavaScript的区别,全面对比超详细
2024-04-29 12:04:38
CSS3基础之3D转换,作为前端程序员应该怎样去规划自己的学习路线
2024-04-29 12:04:34
【CSS】表单input文件上传样式优化
2024-04-29 12:04:31
CSS(8)空间转换 动画
2024-04-29 12:04:29
css——背景图片 保持比例不变形
2024-04-29 12:04:29
CSS介绍(4)--背景属性
2024-04-29 12:04:26
Web前端---响应式室内家具网页设计(HTML CSS JS),CSS清除默认样式
2024-04-29 12:04:19
如何在Vue3项目中使用防抖节流技巧
2024-04-29 12:04:17
Web学习记录---CSS(1)
2024-04-29 12:04:17
使用npm包js-web-screen-shot做网页截图,可以对截图加文字,箭头等等,类似于微信截图
2024-04-29 12:04:16
大家推荐的文章